别猜哪版好,这款Skill做出来切着看

构建多个不同的 UI 版本供视觉对比选择。

prototype 是把一个界面组件做成多种可交互方案的 Skill。你描述通知、价格卡或某个按钮,它指导 AI 在独立预览中做出不同方向,让你切换着体验,再选一版接入产品。

它强调差异要落在布局、密度或交互方式上。只换三种颜色,用户看到的仍是同一个方案。每版也要有真实可操作的行为,不能把关键部分留成“这里想象一下”。

预览会一次展示完整尺寸的一版,并放在接近真实页面的上下文里。这样能体验空间和操作感,而不只是对比缩略图。探索阶段不动生产代码,选定之后才进行整合。

适合还说不准“想要什么感觉”的局部设计任务。你提供组件用途和已有风格,AI 把抽象争论变成可比较的方案,并说明每种方向的取舍。

分类:设计创作

来源仓库:emilkowalski/skills

适合用来做什么

  • 构建三个不同的 UI 原型,用于登录页面。
  • 创建一个带有按钮和文本框的 UI 原型。

安装 prototype

npx skills add https://www.iskills.cc/skills/emilkowalski/skills/prototype/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 prototype 的用途与原始说明

浏览全部 Skill 指南