design-brief

design-brief

カタログ用のスタブ — スキルの全内容：nexu-io/open-design

判定フロー

1. スキルの全内容がすでにインストールされていますか？

   • グローバル：f=~/.agents/skills/design-brief/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
   • プロジェクト：f=.agents/skills/design-brief/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
   • installed → スキルが design-brief としてインストールされています。これを呼び出して続行します
   • pointer → ステップ2へ進みます

2. スコープを検出してからインストールします：

   [ -e ~/.agents/skills/design-brief ] && echo "global" || echo "project"
   

   グローバル：

   npx skills add https://raw.githubusercontent.com/nexu-io/open-design/main/skills/design-brief/SKILL.md -g -y
   

   プロジェクト：

   npx skills add https://raw.githubusercontent.com/nexu-io/open-design/main/skills/design-brief/SKILL.md -y
   

   Claude Code： 会話を離れずにコマンドを実行するには、! で始まるコマンドをチャットメッセージとして送信します。

注意

• ライセンス： Apache-2.0
• 名前の競合： design-brief は designer-skills（インストール時、またはそのカタログポインター）も作成します。両方をインストールすると、先にインストールした方が上書きされます。

インストール後の呼び出し

• スキル名：design-brief
• トリガーフレーズ：「design brief」、「visual brief」、「I-Lang brief」、「structured brief」

機能

I-Lang の構造化ブロック（[PLAN:@DESIGN|type=saas_landing] |palette=navy_and_white |accent=coral ...）または自然言語（「開発者向けツールの、すっきりとしたミニマルなダークモードのランディングページ。Inter、アニメーションなし」）でデザインブリーフを受け取り、8つのビジュアル要素（パレット、アクセント、本文と見出しのタイポグラフィ、レイアウトモデル、雰囲気、密度、除外項目）に反映します。指定されていない要素には雰囲気に合った既定値を設定し、具体的なトークンを含む DESIGN.md とプレビュー用の brief-preview.html を作成します。既存の DESIGN.md を上書きする前に確認します。

これはビジュアルの方向性を定めるブリーフであり、製品ブリーフではありません。対象ユーザー、目標、成功指標に関する内容は含まれません。フロントマターには、ほかのエージェントが無視する OpenDesign 固有のブロックが含まれます。スキルは単独で完結する1つのファイルです。

使用しない場合

• 目標、対象ユーザー、成功基準、スコープを含む製品またはプロジェクトのブリーフ：designer-skills パッケージには、まさにその内容を作成する design-brief スキルがあります。このスキルは今回のものと同じ design-brief ディレクトリにインストールされるため、どちらか一方を選んでください
• コンサルテーションのプロセスを経て、完全なデザインシステムを構築する場合（design-consultation を使用）
• ビジュアルの方向性が既存の DESIGN.md ですでに定まっている場合