跳到主要内容

让你的 AI 智能体设计你的应用

Claude Code、Cursor、Codex 以及其他任何编程智能体都能在 Sleek 中设计移动应用。复制下方的提示词,你的智能体会自行完成配置,其余交给它。

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 可以通过 MCP 服务器连接到 Sleek。将服务器 URL 添加为连接器,并使用你的 Sleek 账户登录。

https://sleek.design/api/mcp

持续使用需要 Pro 或 Team 套餐。免费账户可以用一次性试用积分体验。

你的智能体首次设计免费

新账户包含一次性试用积分,足够让你的智能体完成第一次设计。用完后,Pro 套餐每月 $69,或按年计费每月 $30,包含每月 20,000 AI 积分,可生成约 650 个界面。随时可取消。