安装
npx skills add sleekdotdesign/agent-skills适合谁
这份指南面向要做移动应用界面、并希望智能体直接在 Sleek 里创建设计稿的人。Sleek 是官方写明的 AI 驱动移动应用设计工具,地址是
https://sleek.design/
仓库见
https://github.com/designed-by-ai/skills
现有材料只记录了一个技能:design-mobile-apps,用于设计移动应用、创建屏幕,以及管理 Sleek 项目。技能目录在
https://github.com/designed-by-ai/skills/blob/main/skills/design-mobile-apps
它适合你已经有 Sleek 账号、准备好密钥,并且智能体能够读取工作目录技能文件的时候。它不适合没有密钥、或不打算使用 Sleek 的人。不要从这一份材料推断还有未列出的技能。
3 分钟完成第一次尝试
只走官方推荐的一条路径。
前置条件:本机可运行 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。先做一次只读检查:请智能体说明它将如何创建一块移动应用屏幕、会用到哪些 Sleek 项目信息,但先不要调用接口、不要改项目。能指向 design-mobile-apps 并提到需要 SLEEK_API_KEY,说明技能已被找到。
创建屏幕或改项目会写到 Sleek 侧,属于有副作用的外部操作。确认项目和屏幕范围之前,不要授权真正调用。
使用案例
案例一:创建移动应用屏幕。对应 design-mobile-apps 写明的「创建设计屏幕」。适合密钥已设置、技能已出现在 .agents/skills/。先让智能体在对话里列出屏幕结构和文案,你确认后再授权写入 Sleek。成功时,Sleek 项目中出现对应屏幕。材料没有展开具体界面字段或命令,超出「能创建屏幕」这一点不能补全。
案例二:管理已有 Sleek 项目。对应同一技能里的「管理 Sleek 项目」。适合项目已经存在,你只想让智能体查看或整理,而不是立刻新建设计。先确认项目标识,并要求只读说明当前能做什么。若智能体没发现 .agents/skills/,按官方提示把安装好的 SKILL.md 路径指给它。成功信号是它能对上该项目,而不是创建了未授权的新屏幕。材料没有给出项目列表接口细节。
使用边界
安装命令指向 sleekdotdesign/agent-skills,与仓库地址不是同一字符串;不要改写成未出现的安装源。材料没有点名必须支持的客户端,也没有第二市场安装步骤。
没有 SLEEK_API_KEY 时不要调用。密钥只放环境变量,不要用占位符示例密钥。现有材料只证明这一个技能文件夹,不要编造其他技能名或路径。
创建屏幕和管理项目都会影响 Sleek 中的数据。先预览、再授权。更多说明以官方仓库为准:
https://github.com/designed-by-ai/skills