prototype は何をしますか？
使い捨てのプロトタイプを作成してデザインを具体化します。状態やビジネスロジックの検証のための実行可能なターミナルアプリ、または1つのルートから切り替え可能な複数の異なるUIバリエーションを提供します。
概要
このスキルは、迅速なプロトタイピングとアイデアの検証のために設計されています。以下の2つの形式でプロトタイプを作成できます。
- ターミナルアプリ: 状態管理やビジネスロジックの検証に最適です。
- UIバリエーション: 1つのルート（例:
/prototype）から複数のUIバリエーションを切り替えて表示できます。
使い方
- プロトタイプの目的を明確にします（例: 「ユーザーが商品を検索してカートに追加する流れを検証する」）。
- スキルを実行し、プロトタイプの形式（ターミナルアプリ or UIバリエーション）を選択します。
- プロトタイプを構築し、検証します。
重要な注意点
- このスキルは使い捨てを前提としています。コードの品質や拡張性よりも、スピードと探索を重視してください。
- プロトタイプが目的を達成したら、破棄することを想定しています。
- クリーンなコードや長期的な保守性は考慮しません。
例
# ターミナルアプリのプロトタイプ
> ユーザー登録フローの状態遷移を検証するターミナルアプリを作成してください。
# UIバリエーションのプロトタイプ
> 商品一覧ページのデザイン案を3つ作成し、/prototype ルートから切り替えられるようにしてください。
サポート対象
- Claude Code
- Cursor
- Codex
- その他のAIエージェント