ui-from-references は何をしますか？
エージェントスキル：Figmaを使わずに参照からReact+Tailwind UIを生成します
このスキルは、画像参照（スクリーンショットやデザインモックアップ）を入力として受け取り、ReactコンポーネントとTailwind CSSスタイリングを含む完全なUIコードを出力します。Figmaや他のデザインツールは必要ありません。
使い方
- スキルをAIエージェント（Claude Code、Cursorなど）に追加します。
- 参照画像を提供します（スクリーンショット、モックアップ、既存UIの画像）。
- エージェントが画像を解析し、対応するReact + Tailwindコードを生成します。
対応プラットフォーム
- Claude Code
- Cursor
- Codex CLI
- その他のAIエージェント
例
入力: ログインページのスクリーンショット
出力: Tailwind CSSでスタイリングされたReactログインフォームコンポーネント
注意事項
- 正確な再現のために高解像度の画像を提供してください。
- 生成されたコードは確認と調整が必要な場合があります。
- このスキルは構造とスタイルに焦点を当てており、ロジックやデータ処理は含みません。