关于 grill-design
grill-design 是配合 `/prototype` 运行 `/grilling` 会话的设计技能。它通过逐轮原型探索功能设计，从整体布局逐步细化到组件。
主要功能
- 01每轮生成五种不同原型
- 02实时更新单文件 HTML 模型
- 03可拖动选择器与方向键导航
- 04按钮切换模型状态
- 05从整体布局逐步细化到组件
适用场景
- 01比较不同的整体布局
- 02评审组件组设计
- 03选择有意义的界面状态
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/grill-design确认已加载。
附带文件agents/openai.yaml
详细介绍
运行 /grilling 会话，使用 /prototype 技能——每个问题都通过原型提问，而不是文字：
- 每轮都将当前设计问题的 5 个截然不同的原型整合到一个可实时交互的模拟应用中：一个独立的 HTML 文件（Artifact 工具），每轮都在原处更新。
- 右下角有一个可拖动的悬浮选择器，用于为每种设计命名；使用 ←/→ 箭头即可切换设计，并实时调整模拟应用的样式。当设计包含有意义的状态（例如收件箱：有内容与空状态）时，添加可在这些状态间切换的选择器按钮。
- 这场逐步提问会沿着视觉设计树层层深入，每次判断都聚焦于下一级：先看整体设计，再看组件组，然后看单个组件——直到用户详细设计完整个功能。
评论
支持 Markdown