ClaudeMap

grill-with-ui

A skill that moves the agent's grilling design interview onto a local browser page — question cards with recommendations, per-question threads, one Send button.

Skills & Commandsskilldesign-interviewuispecbrowser
Visit projectjasonku09/grill-with-ui

grill-with-ui is a plain Agent Skills folder — one SKILL.md, one Node script, one HTML page, no dependencies and no build step. The agent turns a topic into question cards with lettered options and a highlighted recommendation; you answer in any order, defer or reopen cards, and hold per-question discussions in side threads without losing the session. Everything stages until you press Send to Agent, which ships the batch as a single turn; Explore deeper sends one question immediately. Visualize briefs a subagent to draw an interactive prototype (for UI topics, inside your real page) or an architecture diagram in the background, versioned with change notes. Finish writes an exhaustive design doc to docs/<topic>-design.md. Claude Code is woken per send by its persistent Monitor tool; every other agent runs an eight-minute wait loop. Session state lives under ~/.grill-with-ui, outside your repo.

What it does

  • Question cards with lettered options and a highlighted recommendation; answer in any order, defer, reopen, or discuss one question in its own thread
  • Everything stages reload-safe until one Send to Agent ships it as a single turn — Explore deeper is the only immediate send
  • Visualize draws an interactive prototype or diagram in a background subagent, versioned with change notes and reconciled with your answers
  • Deliberately tiny: one Node script plus one HTML page, zero dependencies, no build step; state lives outside the repo

When to use it

Spec and design phases where terminal Q&A loses structure — and any team that wants the interview artifacts (staged answers, threads, visuals, a design doc) kept outside the codebase.

Getting started

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

# in a session:
/grill-with-ui <topic>     # resume an unfinished grill: /grill-with-ui resume

Things to know

Node 20+ is the only requirement. The agent needs a shell tool it can block on for minutes: Claude Code is woken per Send by its persistent Monitor tool, everyone else follows the wait-mode loop with an eight-minute timeout. The end-to-end page test wants Playwright with Chromium. Works beyond Claude Code — Codex, Gemini CLI, Cursor, Copilot — via the same SKILL.md. MIT.

Repository

jasonku09/grill-with-ui

Charted

Related on the map

  • guizang-product-video-skill

    Skill

    Guizang's agent skill turns your repo's recent updates into a finished promo video — real components, code-rendered animation, an original code-written soundtrack — no video editor involved.

    • agent-skill
    • video
    • promo
    • marketing
    View

  • geo-sleuth

    Skill

    An agent skill that geolocates a photo with nothing readable in it — OSM geometry, elevation skylines and satellite tiles turn “where was this taken?” into a measured answer with an error radius.

    • agent-skill
    • geolocation
    • osint
    • openstreetmap
    View

  • Birdview

    Skill

    A skill that makes AI coding agents map the architecture and declare the blast radius before they touch a line of code — rendered as one standalone HTML page.

    • skill
    • architecture
    • code-visualization
    • change-scope
    View