Matt Pocock's Grill Me skill is the one I reach for almost every day — and long grill sessions turn my terminal into a wall of text I can't navigate. So I gave it a UI.
Grill Me is a small, sharp idea: instead of letting your coding agent guess at a design and finding out 400 lines later, the agent interviews you — question after question, each with a recommendation — until every decision in the spec is actually decided.
The skill isn't the problem; the surface is. A real grilling session runs dozens of questions deep, and in the terminal that's one long scroll you can't revisit. There's nowhere to put a follow-up question, so it gets tempting to type "just go with your recommendation" — the exact moment grilling stops being worth anything.
Grill with UI keeps the same underlying skill and puts a local browser page in front of it. Every question is a card with its options and the recommendation outlined, and every card has its own discussion thread, so you can go deep on one decision without losing the rest of the session. Click Explore deeper and the agent writes a full pros-and-cons table for that question. Answer in any order, stage as many as you want, and send them as one turn.
For anything that touches UI, Visualize briefs a sub-agent to draw a clickable HTML prototype of your actual app with the design applied — a flow diagram when the work is back-end. You see the thing before you build it. Getting the decisions right before the agent starts writing code is still the highest-leverage thing you can do.
Under the hood it's deliberately small: one Node script, one HTML file, no dependencies, no build step.
WHAT YOU'LL LEARN
• What the Grill Me skill actually does, and why a design interview beats one-shot prompting
• Why long grill sessions fall apart in the terminal, and what a UI fixes
• Per-question threads and Explore deeper — real pros-and-cons tables for any option
• Visualize: clickable HTML prototypes and flow diagrams, drawn by a sub-agent
• How it works under the hood — local server, state file, zero dependencies
• What to do with the finished design doc and visual (hand both to an orchestrator agent)
CHAPTERS
00:00 Grill with UI: My Upgrade to the Grill Me Skill
00:42 What the Grill Me Skill Actually Does
01:07 Why Grill Sessions Break Down in the Terminal
02:30 Tour of the UI: Question Cards and Discussion Threads
03:50 Visualize: HTML Prototypes and Flow Diagrams
04:52 How It Works Under the Hood (Local Server, State File, No Dependencies)
07:03 Live Demo: Grilling a Gamification Feature for Altitude
09:45 First Questions: Where Do the Points Live?
10:36 Explore Deeper: Auto-Generated Pros and Cons Tables
14:46 The Terms and Definitions Panel
16:20 Generating the First Visualization With a Sub-Agent
18:17 Reviewing the Clickable HTML Prototype
19:34 Adding Levels and Regenerating the Visual
23:45 Finish Grill: The Design Doc and Spec Handoff
26:05 Install, Contribute, and Altitude Launch Update
TOOLS MENTIONED
Grill with UI — the skill in this video, install steps and all: https://github.com/jasonku09/grill-wi...
Grill Me — the original skill this is built on, by Matt Pocock: https://www.aihero.dev/skills-grill-me
Got an idea or found a bug? Open an issue on the repo. PRs welcome too — I'd like to see what people add to it.
LINKS
🚀 Altitude — my app that walks you step-by-step through learning to code and build with AI. Public launch at the end of September 2026; the waitlist gets discounted pricing and first notice: https://learnaltitude.com
💬 The Workshop — my free community for people learning to build with AI. I answer every question: https://jasonk.us/workshop
#ClaudeCode #AgentSkills #AICoding #SpecDrivenDevelopment