mcpField
S
sleek-design-mobile-apps

sleek-design-mobile-apps

github.com/podo设计与 UI29190 次安装4 天前更新
代码仓库

关于 sleek-design-mobile-apps

sleek-design-mobile-apps 通过 Sleek REST API 将自然语言需求转为移动应用设计，并支持后续实现。适合使用 Sleek 平台的设计与开发流程，包含屏幕设计、样式方向和截图验收。

主要功能

  1. 01创建 Sleek 项目并设计屏幕
  2. 02通过对话和截图迭代设计
  3. 03撰写或提供初始样式方向
  4. 04将设计实现为 React Native 或 HTML
  5. 05通过截图进行验收检查

适用场景

  1. 01根据需求生成移动应用屏幕设计
  2. 02迭代设计并检查截图结果
  3. 03将设计转为 React Native 或 HTML 实现

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill sleek-design-mobile-apps

安装后在 Claude Code 中输入/sleek-design-mobile-apps确认已加载。

附带文件stub.yaml

详细介绍

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）。免费账户仅提供一次性试用额度（约可运行一次设计）；持续使用需要付费方案，请查看上游 README 了解当前价格；还需设置在 sleek.design/agents/setup 创建的 SLEEK_API_KEY 环境变量。该技能会调用 Sleek REST API，因此设计和设计简报会发送至 Sleek（第三方）
  • 许可证： MIT

安装后调用

  • 技能名称：sleek-design-mobile-apps
  • 触发词：“Sleek design”、“sleekdotdesign”、“Sleek Pro”
  • 使用前需要设置 SLEEK_API_KEY 环境变量（见上方注意事项）

功能

通过 Sleek REST API 驱动的 Sleek 设计平台自然语言接口，用于移动应用设计。Agent 会创建 Sleek 项目，通过“创建、聊天、截图”的循环根据设计简报设计屏幕，创建或预设风格方向，然后在 React Native 或 HTML 中实现生成的设计，并根据截图进行验收检查。该技能提供了分别用于设计、实现、样式和 API 端点的指南。

不适用场景

  • 没有 Sleek 账户和 API 密钥时——改用 mobile-app-design 或 mobile-app-ui-design
  • 不需要 Sleek 平台的一般移动设计指导
  • 基于 Figma 的工作流——改用 work-with-design-systems 或 claude2figma

评论

支持 Markdown