インストール
npx skills add sleekdotdesign/agent-skills誰向けか
この案内は、モバイルアプリの画面が必要で、エージェントに Sleek 内で直接デザイン稿を作らせたい人向け。Sleek は公式が名指しする AI 駆動のモバイルアプリ設計ツールで、住所は
https://sleek.design/
リポジトリは
https://github.com/designed-by-ai/skills
現材料が記録しているスキルは1つだけ：design-mobile-apps。モバイルアプリの設計、画面作成、Sleek プロジェクト管理に使う。スキルディレクトリは
https://github.com/designed-by-ai/skills/blob/main/skills/design-mobile-apps
Sleek アカウントと鍵が既にあり、エージェントが作業ディレクトリのスキルファイルを読めるときに合う。鍵がない人、Sleek を使う予定がない人には合わない。この材料から、書いていないスキルを推測しない。
3分で最初の試行を終える
公式推奨の経路はこの1本だけ。
前提：このマシンで npx が動き、鍵は環境変数 SLEEK_API_KEY に入っている。鍵はこのページで作る：
https://sleek.design/agents/setup
鍵を会話やリポジトリに書かない。インストール前に、今の作業ディレクトリがスキルを置きたいプロジェクトか確認する。
インストール場所：公式は npx skills add がスキルを作業ディレクトリの .agents/skills/ に入れると書く。エージェントがここでスキルを見つけないなら、入れた SKILL.md を明示して渡す。
コピーして実行：
npx skills add sleekdotdesign/agent-skills
公式は対話的に見て入れる手順だと説明する。成功の合図：作業ディレクトリに .agents/skills/ ができ、入れた SKILL.md が見える。まず読み取り専用で確認する。エージェントに、モバイルアプリ画面を1枚どう作るか、どの Sleek プロジェクト情報を使うかを説明させる。先に API を呼ばず、プロジェクトも変えない。design-mobile-apps を指せ、SLEEK_API_KEY が必要だと述べれば、スキルは見つかっている。
画面作成やプロジェクト変更は Sleek 側へ書き、副作用のある外部操作になる。プロジェクトと画面範囲を確認する前に、本番呼び出しを許可しない。
利用事例
事例一：モバイルアプリ画面を作る。design-mobile-apps が書く「デザイン画面を作成する」に対応。鍵が設定済みで、スキルが .agents/skills/ に見えているときに合う。まず会話で画面構造と文言を書かせ、確認してから Sleek への書き込みを許可する。成功時、Sleek プロジェクトに対応画面が出る。材料は具体的なUI欄やコマンドを展開していない。「画面を作れる」以上は補わない。
事例二：既存の Sleek プロジェクトを管理する。同じスキルの「Sleek プロジェクトを管理する」に対応。プロジェクトが既にあり、すぐ新デザインではなく閲覧や整理だけさせたいときに合う。先にプロジェクト識別を確認し、今できることを読み取り専用で説明させる。エージェントが .agents/skills/ を見つけないなら、公式の案内どおり入れた SKILL.md のパスを渡す。成功の合図は、そのプロジェクトに対応できることであり、許可していない新画面を作らないこと。材料にプロジェクト一覧APIの詳細はない。
利用上の境界
インストールコマンドは sleekdotdesign/agent-skills を指し、リポジトリ住所と同じ文字列ではない。出ていないインストール元に書き換えない。材料は必須クライアントを名指しせず、第二マーケットのインストール手順もない。
SLEEK_API_KEY がないときは呼ばない。鍵は環境変数だけに置き、プレースホルダの見本鍵を使わない。現材料が証明するのはこのスキルフォルダ1つだけ。他のスキル名やパスを作らない。
画面作成もプロジェクト管理も Sleek 内のデータを変える。先にプレビューし、それから許可する。詳細は公式リポジトリに従う：
https://github.com/designed-by-ai/skills