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