Sleek 手机应用设计

sleekdotdesign/agent-skills

使用 Sleek 设计手机应用界面,并将选定设计实现为 React Native 或 HTML。

最近更新于:

查看 GitHub 项目
npx skills add sleekdotdesign/agent-skills --skill sleek-design-mobile-apps
601Stars55Forks仓库最近推送

安装并使用 Skill

  1. 安装官方 Skill

    在项目中运行上游安装命令,并保留配套参考文件。

    npx skills add sleekdotdesign/agent-skills --skill sleek-design-mobile-apps
  2. 描述手机应用

    提供用途、受众和视觉方向;创建设计前核对 Sleek 授权和价格。

    使用 Sleek 设计 Skill 规划一个平静、易读的手机习惯追踪应用,先展示设计供我审阅,再实现界面。

关于这个 Skill

让编程 Agent 配合 Sleek 创建和修改手机界面、检查渲染结果,并将选定设计实现为 React Native 或 HTML。

为什么推荐

官方工作流通过 Sleek API 串联界面生成、截图检查和实现指引。

适合用来做什么

  • 将手机应用需求转为可审阅的界面,再参考配套实现指引构建界面。

适用范围与限制

Sleek 是独立的托管服务。向其 API 发送需求或参考图片会将相关内容传输给 Sleek。Skill 分别提供设计生成与界面实现指引。

原生实现指引要求在可用的原生设备上验证布局、安全区域、键盘和交互;仅有网页预览不能证明原生行为。

使用前需要了解

  • 需要 Sleek 账户和 SLEEK_API_KEY,或使用文档中的设备授权流程。README 说明有有限试用额度,持续使用需要付费方案;开始前请核对当前价格和 API 使用条件。
  • 实现流程需要相应的 React Native、Expo 或 HTML 项目及其依赖。验证原生行为需要真机或模拟器。

资料与来源

原始资料见下方链接;文中的上手建议由 SkillHey 编辑整理。