building-forms
✓コンタクトフォーム、登録フロー、チェックアウトプロセス、アンケート、設定ページなどのフォームコンポーネントとデータ収集インターフェイスを構築します。 50 を超える入力タイプ、検証戦略、アクセシビリティ パターン (WCAG 2.1)、マルチステップ ウィザード、UX のベスト プラクティスが含まれています。データ型からコンポーネントの選択、検証タイミングのガイダンス、エラー処理パターンまでのデシジョン ツリーを提供します。フォームの作成、ユーザー入力の収集、アンケートの構築、検証の実装、複数ステップのワークフローの設計、またはフォームのアクセシビリティの確保を行うときに使用します。
SKILL.md
Build accessible, user-friendly forms with systematic component selection, validation strategies, and UX best practices.
Forms are the primary mechanism for user data input in web applications. This skill provides systematic guidance for:
The Golden Rule: Data Type → Input Component → Validation Pattern
コンタクトフォーム、登録フロー、チェックアウトプロセス、アンケート、設定ページなどのフォームコンポーネントとデータ収集インターフェイスを構築します。 50 を超える入力タイプ、検証戦略、アクセシビリティ パターン (WCAG 2.1)、マルチステップ ウィザード、UX のベスト プラクティスが含まれています。データ型からコンポーネントの選択、検証タイミングのガイダンス、エラー処理パターンまでのデシジョン ツリーを提供します。フォームの作成、ユーザー入力の収集、アンケートの構築、検証の実装、複数ステップのワークフローの設計、またはフォームのアクセシビリティの確保を行うときに使用します。 ソース: ancoleman/ai-design-components。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/ancoleman/ai-design-components --skill building-forms- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
building-forms とは？
コンタクトフォーム、登録フロー、チェックアウトプロセス、アンケート、設定ページなどのフォームコンポーネントとデータ収集インターフェイスを構築します。 50 を超える入力タイプ、検証戦略、アクセシビリティ パターン (WCAG 2.1)、マルチステップ ウィザード、UX のベスト プラクティスが含まれています。データ型からコンポーネントの選択、検証タイミングのガイダンス、エラー処理パターンまでのデシジョン ツリーを提供します。フォームの作成、ユーザー入力の収集、アンケートの構築、検証の実装、複数ステップのワークフローの設計、またはフォームのアクセシビリティの確保を行うときに使用します。 ソース: ancoleman/ai-design-components。
building-forms のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ancoleman/ai-design-components --skill building-forms インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/ancoleman/ai-design-components
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01