grill-me について
grill-me は、製品やインターフェースの案について質問を重ね、要件と依存関係を明確にするデザインスキルです。各質問に推奨案を示し、コードや既存のデザインシステムを調べて不明点を解決します。
主な機能
- 01設計案について段階的に質問
- 02各質問への推奨案
- 03可能な場合はコードを調査
- 04既存コンポーネントとデザイントークンの確認
活用シーン
- 01ランディングページ案の検討
- 02ダッシュボード要件の明確化
- 03設定ページの設計判断の整理
- 04ポートフォリオサイト案の具体化
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ julianoczkowski/ designer-skills --skill grill-meインストール後、Claude Code で/grill-meを入力して読み込まれたか確認します。
詳細
プロンプトの例
- 「このランディングページのアイデアについて、徹底的に質問してください」
- 「チームの指標を追跡するダッシュボードを作りたいです。私の考えに疑問を投げかけてください」
- 「この設定ページへのアプローチを徹底的に検証してください」
- 「ポートフォリオサイトの大まかなアイデアがあります。考えを整理するのを手伝ってください」
指示
計画のあらゆる側面について、共通認識に至るまで徹底的に質問してください。デザインの選択肢を一つずつたどり、判断間の依存関係を順に解決してください。
コードベースを調べれば答えられる質問は、私に尋ねるのではなく、コードベースを調べてください。
プロジェクト内の既存のコンポーネント、スタイル、デザイントークンを確認すれば答えられる質問は、私に尋ねるのではなく、それらを確認してください。
質問ごとに、おすすめの回答を提示してください。
コメント
Markdown 対応