---
generated_at: 2026-03-01 14:00:00
metrics:
  claims_total: 18
  claims_with_evidence: 18
  claims_without_evidence: 0
confidence_derived: 1.00
---

# 根拠レポート：画面一覧

## 本レポートについて

### 目的
本レポートは、生成された設計書・ドキュメントの信頼性を検証し、人間レビュアーが効率的にレビューできるようにすることを目的としています。

### チェック方法
以下の観点でドキュメントの内容（Claim：主張）を検証しています：

1. **根拠の有無確認**：各主張に対して、ソースコード・既存設計書・要件定義書などの根拠（Evidence）が存在するか
2. **根拠との整合性**：主張の内容が根拠と矛盾していないか
3. **網羅性**：参照すべき情報源を適切にカバーしているか

### 信頼度スコアの算出
- **confidence_derived** = 根拠あり件数 / 総主張件数
- 状態「○」：根拠あり、「△」：根拠不足または要確認

### 本レポートの使い方
1. まず「サマリー」で全体の信頼度と優先レビュー項目を確認
2. 「Claims と根拠の対応」で △ の項目を重点的にレビュー
3. 「不足情報」で補完が必要な情報源を確認

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**1.00**
  - 根拠あり：18 / 18、根拠なし：0
- 優先レビュー（高）
  - なし（全主張に根拠あり）

## 2) 参照した情報（Evidence一覧）
> ここに「実在するもの」だけ列挙。抽出フェーズで付けたIDをそのまま出す。

- E-01: `playgrounds/vite/src/index.html` - Vite Playgroundのエントリポイント HTML
- E-02: `playgrounds/vite/src/main.tsx` - Vite PlaygroundのReactマウントファイル
- E-03: `playgrounds/vite/src/app.tsx` - Vite PlaygroundのAppコンポーネント
- E-04: `playgrounds/vite/src/index.css` - Vite PlaygroundのCSSファイル
- E-05: `playgrounds/nextjs/app/layout.tsx` - Next.js Playgroundのルートレイアウト
- E-06: `playgrounds/nextjs/app/page.tsx` - Next.js Playgroundのトップページ
- E-07: `playgrounds/nextjs/app/page.module.css` - Next.js PlaygroundのCSSモジュール
- E-08: `playgrounds/nextjs/app/globals.css` - Next.js PlaygroundのグローバルCSS
- E-09: `playgrounds/v3/app/layout.tsx` - V3 Playgroundのルートレイアウト
- E-10: `playgrounds/v3/app/page.tsx` - V3 Playgroundのトップページ
- E-11: `playgrounds/v3/app/globals.css` - V3 PlaygroundのグローバルCSS
- E-12: `packages/@tailwindcss-browser/src/index.ts` - ブラウザ版Tailwind CSSランタイム
- E-13: プロジェクトルートの `package.json` / `pnpm-workspace.yaml` - プロジェクト構成情報

## 3) Claims と根拠の対応（レビューの主戦場）
| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | Vite Playgroundのエントリポイントは index.html である | E-01 | ○ |
| C-02 | Vite Playgroundは React + Vite 構成である | E-01, E-02, E-03 | ○ |
| C-03 | Vite Playgroundの Appコンポーネントは「Hello World」テキストを表示する | E-03 | ○ |
| C-04 | Appコンポーネントは青色の見出しをボーダー付きdiv内に表示する | E-03 | ○ |
| C-05 | main.tsx は ReactDOM.createRoot で App をマウントする | E-02 | ○ |
| C-06 | Next.js Playgroundのルートレイアウトは Interフォントを適用する | E-05 | ○ |
| C-07 | Next.js Playgroundのメタデータは title="Create Next App" である | E-05 | ○ |
| C-08 | Next.js Playgroundのトップページは「Hello world!」を表示する | E-06 | ○ |
| C-09 | Next.js PlaygroundのトップページはCSSモジュールを使用している | E-06, E-07 | ○ |
| C-10 | page.module.css は skew-7 を適用する | E-07 | ○ |
| C-11 | V3 Playgroundのルートレイアウトは Interフォントを適用する | E-09 | ○ |
| C-12 | V3 Playgroundのメタデータは title="Create Next App" である | E-09 | ○ |
| C-13 | V3 Playgroundのトップページは「Hello world!」を表示する | E-10 | ○ |
| C-14 | V3 Playgroundのトップページは text-3xl / font-bold / underline / border / ring クラスを使用する | E-10 | ○ |
| C-15 | 各Playgroundは独立したアプリケーションであり相互リンクがない | E-01 ~ E-11 | ○ |
| C-16 | 各Playgroundは単一ページ構成である | E-01 ~ E-11 | ○ |
| C-17 | 本プロジェクトはCSSユーティリティフレームワークである | E-12, E-13 | ○ |
| C-18 | 画面を持つのは playgrounds/ ディレクトリ配下のデモアプリケーションのみである | E-01 ~ E-13 | ○ |

## 4) 不足情報（Unknown / Missing）
- なし。全ての主張はソースコードから直接確認済みです。

## 5) リスクフラグ（レビュー観点）
- 0: 低リスク - 本プロジェクトはCSSフレームワークのため、画面自体がPlayground（デモ用）に限定されている。本番向けの画面は存在しないため、画面一覧としての網羅性は高い。
- 0: 低リスク - 各Playgroundは非常にシンプルな構成（単一ページ、「Hello World」表示のみ）であり、複雑なロジックや状態遷移は存在しない。

## 6) レビュアーチェックリスト（最小）
- [ ] playgrounds/ 配下に記載以外のHTMLファイルやページコンポーネントが追加されていないか確認する
- [ ] packages/@tailwindcss-browser が提供するブラウザ内コンパイル機能に専用UIが追加されていないか確認する
- [ ] integrations/ ディレクトリ内にE2Eテスト用以外の画面ファイルが存在しないか確認する
- [ ] 各Playgroundの説明がソースコードの実装と一致しているか確認する
