Communitygithub.com

adaptive-machines/ai-design-workflow

Discover(発見)、Define(定義)、Deliver(提供)の3段階ワークフローで、AIコーディングエージェントからデフォルトの「AIテンプレート」風ではなく、個性的でスタジオ品質のUIデザインを引き出します。ランディングページ、マーケティングページ、アプリ画面、オンボーディングフロー、ダッシュボード、ポスター風Webページ、ゲームUIのデザインやリデザインを依頼され、オリジナルで大胆、プレミアム、または「AIが作ったようではない」外観を求める場合や、「ユニークにして」「全体的にありきたり」「AI感が強すぎる」「AI 味太重」「千篇一律」「设计得独特一点」「榨出创造力」「design critic」「critique loop」「seed string」「double diamond」「なぜAIデザインはいつも同じに見えるのか」といったフレーズが含まれる場合に使用します。

ai-design-workflow とは?

このスキルは、AIコーディングエージェント(Claude Code、Cursor、Codex等)向けに設計された3段階ワークフローです。「Discover(発見)」「Define(定義)」「Deliver(提供)」の各フェーズを通じて、ありきたりなAIテンプレートではなく、スタジオ品質で個性的なUIデザインを生成します。シード文字列によるランダム性の導入、野心的なブリーフの作成、スクリーンショットのみに基づくデザイン批評サブエージェントループ、画像や動画を駆使したモーションデザイン、そして最終的な削除パスによる洗練をカバーします。ユーザーが「ユニークに」「AI感が強すぎる」「デザインを批評して」といった要望を出した際や、既存のページがテンプレート的なレイアウト(ヒーロー左/イラスト右)の場合にトリガーされます。マーケティングページ、アプリ画面、ダッシュボード、ゲームUIなど幅広いデザインタスクに対応し、画像や動画生成をUIに統合するニーズにも応えます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/adaptive-machines/skills/tree/main/ai-design-workflow

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

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

ドキュメント

ai-design-workflow は何をしますか?

Discover(発見)、Define(定義)、Deliver(提供)の3段階ワークフローで、AIコーディングエージェントからデフォルトの「AIテンプレート」風ではなく、個性的でスタジオ品質のUIデザインを引き出します。ランディングページ、マーケティングページ、アプリ画面、オンボーディングフロー、ダッシュボード、ポスター風Webページ、ゲームUIのデザインやリデザインを依頼され、オリジナルで大胆、プレミアム、または「AIが作ったようではない」外観を求める場合や、「make it unique」「it looks generic」「too much AI vibe」「AI 味太重」「千篇一律」「设计得独特一点」「榨出创造力」「design critic」「critique loop」「seed string」「double diamond」「why does my AI design always look the same」といったフレーズが含まれる場合に使用します。また、既存のページが標準的なヒーロー左/イラスト右のテンプレートレイアウトである場合の反復的な改善や、画像や動画生成をUIに統合したい場合にも使用します。シード文字列によるランダム性、野心的なブリーフ、スクリーンショットのみを使用したデザイン批評サブエージェントループ、画像/動画駆動のモーション、そして最終的な削除パスをカバーしています。

関連スキル