Stats
Actions
Available In
Tags
Plugin
grill-me-visual
Generate a single-file HTML questionnaire with side-by-side rendered previews so your agent can grill you on visual / layout / motion / typography / diagram-shaped decisions in the browser instead of in chat.
README
grill-me-visual
English · 中文
"No-one knows exactly what they want."
— Thomas & Hunt, The Pragmatic ProgrammerEspecially before they've seen it.
grill-me — in chat | grill-me-visual — in browser 🚀 Try Now |
|---|---|
|
Q. How should assistant replies be laid out? How assistant replies appear on screen — sets the overall "conversation" vs "document" feel, and shapes long-reply readability, information density, and scroll rhythm. A. Document style — recommended B. Bubble style C. Card style Recommended: Document style — long replies read comfortably; density is high; unless you're building an IM-style social product (Discord, Slack), don't force bubbles. |
|
About
grill-me is a great skill. But if you're using grill-me or brainstorm, you might run into:
- You can't tell what the agent is actually asking
- You can't tell what each option really means
This is especially true for UI/UX design, process, or architecture decisions — plain text and ASCII diagrams aren't expressive enough. So why not put the questions in HTML?
grill-me-visual ships with HTML templates and 6 built-in question types:
- UI Layout — layout / container / render-style comparison via inline HTML/CSS
- Animation — live
@keyframesmotion demo - Mermaid — flowchart / sequence / state / ER / class diagrams
- Font — typography sample comparison
- Code — same default rendering, different content
- Text-only — fallback for decisions with no visual angle
Your agent writes the question content first, then picks a template per question and creates an HTML file for you to decide in the browser.
When you're done, paste the Q&A summary back into chat to continue.
[!WARNING] Not a lightweight skill. Despite token-saving measures, the agent still typically takes a few minutes to assemble the HTML file. Weigh whether the decisions are worth the time/token cost before invoking.
Install
A. skills CLI (recommended)
Auto-detects which agent you're running (Claude Code, Cursor, Codex, Gemini CLI, OpenCode, etc.) and installs to the right location.
npx skills add akiyax/skills --skill grill-me-visual -g -y
B. Claude Code plugin marketplace
/plugin marketplace add akiyax/skills
/plugin install grill-me-visual@akiyax-skills
Stats
Version0.1.0
LanguageHTML
Stars0
MaintenanceExcellent
Last Commit
Added
Available In
Tags
Categories
