技能包

design-mobile-apps:让智能体在 Sleek 里做移动应用界面

适合要在 Sleek 里设计移动应用屏幕或管理项目的人;先准备 SLEEK_API_KEY,再用官方 npx 装到工作目录的 .agents/skills/。

官方来源 · Sleek agent skills

安装

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