phase-3-mockup
✓デザイナーなしでUI/UXトレンドを取り入れたモックアップを作成できるスキル。 Next.js コンポーネントに変換できる HTML/CSS/JS プロトタイプを設計します。 ユーザーが実装前に UI/UX を検証したい場合に積極的に使用します。 トリガー: モックアップ、プロトタイプ、ワイヤーフレーム、UI デザイン、モックアップ、原型、 マケタ、プロトティポ、ディセーニョ UI、マケット、プロトタイプ、コンセプト UI、 モックアップ、プロトタイプ、UI デザイン、モックアップ、プロトタイプ、デザイン UI 実稼働コード、API 開発、または既存のコンポーネントの変更には使用しないでください。
SKILL.md
Create trendy UI without a designer + Consider Next.js componentization
Quickly validate ideas before actual implementation. Even without a designer, research UI/UX trends to create high-quality prototypes, designed for easy conversion to Next.js components later.
| Starter | This stage may be the final deliverable | | Dynamic | For validation before next stages | | Enterprise | For quick PoC |
デザイナーなしでUI/UXトレンドを取り入れたモックアップを作成できるスキル。 Next.js コンポーネントに変換できる HTML/CSS/JS プロトタイプを設計します。 ユーザーが実装前に UI/UX を検証したい場合に積極的に使用します。 トリガー: モックアップ、プロトタイプ、ワイヤーフレーム、UI デザイン、モックアップ、原型、 マケタ、プロトティポ、ディセーニョ UI、マケット、プロトタイプ、コンセプト UI、 モックアップ、プロトタイプ、UI デザイン、モックアップ、プロトタイプ、デザイン UI 実稼働コード、API 開発、または既存のコンポーネントの変更には使用しないでください。 ソース: popup-studio-ai/bkit-claude-code。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-3-mockup- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
phase-3-mockup とは？
デザイナーなしでUI/UXトレンドを取り入れたモックアップを作成できるスキル。 Next.js コンポーネントに変換できる HTML/CSS/JS プロトタイプを設計します。 ユーザーが実装前に UI/UX を検証したい場合に積極的に使用します。 トリガー: モックアップ、プロトタイプ、ワイヤーフレーム、UI デザイン、モックアップ、原型、 マケタ、プロトティポ、ディセーニョ UI、マケット、プロトタイプ、コンセプト UI、 モックアップ、プロトタイプ、UI デザイン、モックアップ、プロトタイプ、デザイン UI 実稼働コード、API 開発、または既存のコンポーネントの変更には使用しないでください。 ソース: popup-studio-ai/bkit-claude-code。
phase-3-mockup のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-3-mockup インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/popup-studio-ai/bkit-claude-code
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01