sleek-design-mobile-apps

sleek-design-mobile-apps

カタログの概要 — スキルの完全版はこちらです：sleekdotdesign/agent-skills

判断ツリー

1. スキルの完全版はすでにインストールされていますか？

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

2. 適用範囲を検出してから、インストールします：

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

   グローバル：

   npx skills add sleekdotdesign/agent-skills --skill sleek-design-mobile-apps -g -y
   

   プロジェクト：

   npx skills add sleekdotdesign/agent-skills --skill sleek-design-mobile-apps -y
   

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

ご注意

• 必要なもの： Sleek アカウント（sleek.design）。無料アカウントで利用できるのは一度限りのトライアルクレジット（デザイン実行約 1 回分）のみです。継続して利用するには有料プランが必要です。最新の料金については上流の README をご覧ください。SLEEK_API_KEY 環境変数は sleek.design/agents/setup で作成します。このスキルは Sleek REST API を呼び出すため、デザインやブリーフは Sleek（サードパーティ）に送信されます
• ライセンス： MIT

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

• スキル名：sleek-design-mobile-apps
• 起動フレーズ：「Sleek design」、「sleekdotdesign」、「Sleek Pro」
• 使用前に SLEEK_API_KEY 環境変数を設定する必要があります（上記のご注意をご覧ください）

概要

Sleek の REST API を通じて、モバイルアプリのデザインを行う Sleek デザインプラットフォームを自然言語で操作できます。エージェントは Sleek プロジェクトを作成し、ブリーフを基に、作成、チャット、スクリーンショットのループを通して画面をデザインします。スタイルの方向性を作成または設定し、スクリーンショットを基準とする受け入れチェックを行いながら、完成したデザインを React Native または HTML で実装します。このスキルには、デザイン、実装、スタイリング、および API エンドポイントに関する個別のガイドが含まれています。

使用しない場合

• Sleek アカウントと API キーがない場合 — 代わりに mobile-app-design または mobile-app-ui-design を使用してください
• Sleek プラットフォームを必要としない、一般的なモバイルデザインのガイダンス
• Figma ベースのワークフロー — work-with-design-systems または claude2figma を使用してください