design エージェントスキル

design-system skill を使って UI システムを生成・監査し、既存コードからトークンを抽出し、実運用のリポジトリでスタイルの一貫性をレビューできます。

design-md スキルは Stitch プロジェクトを解析し、画面情報をもとに、レイアウト、トーン、カラー、コンポーネントの言語を一貫させるための意味論的な DESIGN.md を生成します。Design Systems 向けに design-md を使うのは、単なる見た目の要約ではなく、今後の Stitch 生成に向けてプロンプト可能な指針が必要なときです。

ios-design-guidelines は、iPhone向けのSwiftUI/UIKitインターフェースを Apple Human Interface Guidelines に照らしてレビューし、形を整え、書き直すためのスキルです。レイアウト、ナビゲーション、アクセシビリティ、Dynamic Type、Dark Mode、システムコンポーネントの選定など、UIデザインで実践的な ios-design-guidelines の指針が必要な場面で役立ちます。

tvos-design-guidelines は、tvOS の UI をレビューするための実践的な Apple TV デザイン指針です。フォーカスベースのナビゲーション、Siri Remote の挙動、10フィートUIでの可読性、メディア再生を確認できます。リビングルーム向け UI デザインで、明確な制約、画面ごとのレビュー、実装チェックが必要なときに使うガイドです。

android-design-guidelinesは、Material Design 3、Jetpack Compose、XMLレイアウトを実務目線で確認できるガイドです。テーマ設定、ナビゲーション、アクセシビリティ、アダプティブレイアウト、ダイナミックカラー、Material You準拠の判断に役立ちます。Android UI設計の見直しや、android-design-guidelinesを使ったUIデザイン作業に最適です。

design-system-patternsは、デザインシステムやコンポーネントライブラリ向けに、トークン設計、テーマアーキテクチャ、再利用しやすいコンポーネントAPIパターンを通じて、拡張しやすいUI基盤づくりを支援するスキルです。

design-consultation は、ざっくりした製品アイデアを完成度の高いデザイン方針へと落とし込むための design-consultation skill です。`DESIGN.md` を唯一の参照元として作成し、プレビューや、タイポグラフィ、カラー、余白、レイアウト、モーションに関するシステムレベルの指針までまとめます。新規プロダクトや、一貫した出発点が必要な UI 面の設計に向いています。

figma-generate-design は、公開済みのデザインシステムを使って、コード化されたページ、モーダル、ドロワー、サイドバー、パネルなどの複数セクション画面を Figma へ落とし込むのに役立ちます。Code Connect や関連ソースからコンポーネント、変数、スタイル、ライブラリアセットを見つけ、画面全体を一から描き直すのではなく、Design Implementation 向けにセクションごとに組み立てます。コードやトークンとの忠実性を重視して Figma 画面を作成したいときは、figma-generate-design ガイドを使ってください。

figma-generate-design は、実際の画面・ページ・複数セクションのレイアウトを、汎用的な図形ではなく公開済みのデザインシステムを再利用しながら Figma に落とし込むのに役立ちます。コードやプロダクトページとの高い整合性、編集しやすい構造、トークンベースの一貫性を重視する場合に最適です。ラフなモックアップではなく、フルページの UI デザイン更新に使ってください。

ipados-design-guidelines は、iPadネイティブなインターフェースの設計とレビューに使えるスキルです。アダプティブレイアウト、Split View、Stage Manager、サイドバー操作、ポインタとトラックパッドの挙動、キーボードショートカット、コンパクト幅へのフォールバックを扱います。iPhone的な前提を、実用的なiPadOSデザインチェックに置き換えるのに役立ちます。

mobile-android-design は、Material Design 3、Jetpack Compose、テーマ設計、ナビゲーション、さらにスマートフォン・タブレット・折りたたみ端末向けのアダプティブレイアウトパターンに沿って、AndroidネイティブなUIガイダンスをエージェントが提供できるよう支援します。

macos-design-guidelines は、Apple Human Interface Guidelines に照らして Mac アプリをレビューし、実装するための実践ガイドです。メニューバー、キーボードショートカット、ウィンドウの挙動、ツールバー、アクセシビリティ、システム統合まで、SwiftUI、AppKit、Mac Catalyst の各チーム向けに整理されています。