req-fn-app-ui-guidelines

What problem does it solve?

UI仕様がプロジェクトごとにばらつき、アクセシビリティやレスポンシブ対応が後回しになって手戻りが増える問題を、システム全体の標準規約として整理して解消します。

Core Features & Use Cases

• UI標準のドキュメント化: レイアウト、コンポーネント、アクセシビリティ、入力規約などを1つの規約書として定義します。
• 具体的な基準とパターン提供: デザイントークン（色/フォント/スペーシング）、状態（hover/active/focus/disabled/loading/error）、フォームのバリデーションとエラー表示を明確化します。
• 運用に耐えるガイド設計: レビューチェック項目や後続成果物（画面定義・画面遷移図等）との参照関係を前提に、整合性を担保します。
• レビューと更新の前提: 既存UI規約のレビュー・改訂時にも、チェック観点をそのまま使えます。

Quick Start

Ask the AI to create a new UI guidelines document for your web system, using WCAG 2.1 AA and responsive/mobile-first rules, and to output the result as a single規約（01_UI規約.md） aligned with design tokens, component states, form validation, and screen states.