Communityコーディング&開発github.com

hayakiw/claude-code-skills-mdd

モックアップ駆動開発(MDD)をClaude Codeで実現するためのスキルです。

claude-code-skills-mdd とは?

このスキルは、モックアップ駆動開発(Mockup-Driven Development, MDD)の手法をClaude Codeに適用するためのものです。MDDは、開発プロセスの初期段階でモックアップ(ワイヤーフレームやプロトタイプ)を作成し、それを基にコード生成や実装を進めるアジャイル開発手法の一種です。このスキルを使用することで、Claude Codeはモックアップを理解し、それに対応するUIコンポーネントやロジックを自動生成・提案できるようになります。主にフロントエンド開発(React、Vue.js、HTML/CSSなど)での活用が想定されており、デザインファイル(Figma、Sketch、画像など)を入力として、コード生成を効率化します。開発者はモックアップを用意するだけで、Claude CodeがUIの実装やインタラクションのコードを生成するため、開発スピードの向上とデザインと実装の一貫性を保つことができます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add hayakiw/claude-code-skills-mdd

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

claude-code-skills-mdd は何をしますか?

モックアップ駆動開発(MDD)用Claude Codeスキル。

関連スキル