コンテンツへスキップ

AIエージェントにアプリをデザインさせましょう

Claude Code、Cursor、Codex、その他あらゆるコーディングエージェントが、Sleekでモバイルアプリをデザインできます。以下のプロンプトを1つコピーするだけで、エージェントが自らセットアップし、あとはすべて処理します。

Set up Sleek (sleek.design) so you can design mobile apps for me. Fetch https://sleek.design/agents.md and follow the instructions there.

あらゆるコーディングエージェントに対応
今日のレシピが表示されたレシピアプリのホーム画面
音楽アプリのディスカバー画面
ジャングルテーマの目覚ましアプリ

エージェントが自らセットアップします。 貼り付けて、承認して、見守る。

  1. プロンプトを貼り付ける

    Claude Code、Cursor、Codex、またはURLを取得できるあらゆるコーディングエージェントに貼り付けてください。プロンプトには、Sleekのセットアップ手順の場所が書かれています。

  2. 接続を承認する

    公式のSleekスキルをインストールし、アカウント接続用のリンクを送ります。サインイン、承認、完了です。

    エージェントのセットアップを開く

  3. エージェントがデザインする様子を見守る

    エージェントが目の前のSleekエディタでリアルタイムに画面をデザインし、すべての画面のスクリーンショットとコードを返します。

自分で設定したいですか？ スキル、API、ドキュメントは公開されています。

Sleekスキルを自分でインストールしてください。このスキルは、エージェントが使うのと同じAPIを呼び出します。

npx skills add sleekdotdesign/agent-skills -s sleek-design-mobile-apps

ターミナルでこのコマンドを実行してください。次に、Claude Codeを開いて/mcpを実行し、お使いのアカウントでSleekを認証します。

claude mcp add --transport http sleek https://sleek.design/api/mcp

このサーバーを~/.cursor/mcp.jsonに追加し、既存のmcpServersエントリとマージします。その後、プロンプトが表示されたらCursorでSleekを認証します。

{
  "mcpServers": {
    "sleek": {
      "url": "https://sleek.design/api/mcp"
    }
  }
}

Claude.aiとChatGPTは、SleekのMCPサーバーを通じて接続できます。サーバーのURLをコネクタとして追加し、Sleekアカウントでサインインしてください。

https://sleek.design/api/mcp

継続して利用するには、ProまたはTeamプランが必要です。無料アカウントでも、1回限りのトライアルクレジットで試せます。

エージェントの最初のデザインは無料です

新規アカウントには、エージェントの最初のデザインに十分な1回限りのトライアルクレジットが付いてきます。それ以降、Proは月額$69、年払いの場合は月額$30（年一括請求）で、毎月20,000 AIクレジット（約650画面分）が含まれます。いつでもキャンセルできます。

エージェントを接続料金の詳細を見る