ClaudeMap

grill-with-ui

把 agent 的设计拷问搬到本地浏览器页面上的 skill：带推荐项的问题卡片、逐题讨论线程、一键 Send 送回全部。

技能与命令skilldesign-interviewuispecbrowser
访问项目jasonku09/grill-with-ui

grill-with-ui 是一个纯 Agent Skills 文件夹——一份 SKILL.md、一个 Node 脚本、一个 HTML 页面，零依赖、无构建。agent 把主题拆成问题卡片，每张带字母选项与高亮推荐；你可以乱序作答、搁置或重开卡片，也能在侧边线程里逐题讨论而不丢主线。所有作答先暂存，按下 Send to Agent 才作为单轮整批送回；Explore deeper 则立即下发单题。Visualize 会在后台给 subagent 写简报，画出可交互原型（UI 主题直接画进你的真实页面）或架构图，带版本号与变更说明。Finish 把详尽的设计文档写到 docs/<topic>-design.md。Claude Code 由常驻 Monitor 工具随 Send 唤醒；其他 agent 走八分钟一轮的等待循环。会话状态存于 ~/.grill-with-ui，不进你的仓库。

它做什么

  • 问题卡片带字母选项与高亮推荐；乱序作答、搁置、重开，或为单题开独立讨论线程
  • 一切先暂存且刷新不丢，按一次 Send to Agent 才整批作单轮送回——唯一立即下发的是 Explore deeper
  • Visualize 在后台 subagent 里画可交互原型或架构图，带版本号与变更说明，并随你的作答保持同步
  • 刻意做小：一个 Node 脚本加一个 HTML 页面，零依赖、无构建；状态存仓库之外

什么时候用

终端问答留不下结构的规格与设计阶段；也适合希望把拷问产物（暂存作答、讨论线程、可视化、设计文档）都留在代码库之外的团队。

如何上手

git clone https://github.com/jasonku09/grill-with-ui ~/Projects/grill-with-ui
ln -s ~/Projects/grill-with-ui ~/.claude/skills/grill-with-ui

# 会话里：
/grill-with-ui <主题>      # 续上未完成的拷问：/grill-with-ui resume

注意事项

唯一依赖是 Node 20 以上。agent 得有一个能阻塞数分钟的 shell 工具：Claude Code 由常驻 Monitor 工具随 Send 唤醒，其余 agent 走八分钟超时的等待循环。端到端页面测试需要带 Chromium 的 Playwright。同一份 SKILL.md 也可用于 Codex、Gemini CLI、Cursor、Copilot。MIT。

代码仓库

jasonku09/grill-with-ui

收录日期

地图上的相关资源

  • guizang-product-video-skill

    技能

    归藏的 Agent Skill：把代码库的最近更新做成一支成片宣传片——接真实组件、代码渲染动画、代码写配乐，全程不碰视频剪辑软件。

    • agent-skill
    • video
    • promo
    • marketing
    查看

  • geo-sleuth

    技能

    一个给「图里没有任何文字线索」的照片做地理定位的 Agent Skill——用 OSM 几何、高程天际线与卫星瓦片，把「这是哪」变成带误差半径的测量答案。

    • agent-skill
    • geolocation
    • osint
    • openstreetmap
    查看

  • Birdview

    技能

    让 AI 编码 agent 在动第一行代码之前先画出架构、声明影响范围的 skill——成果是一张可直接打开的独立 HTML 架构地图。

    • skill
    • architecture
    • code-visualization
    • change-scope
    查看