Introducing Visual Questions for Claude Code

When Claude Code asks you to pick between four options, you usually get four short labels in your terminal. That's fine for "yes/no/maybe." It's terrible for "which of these three hero layouts works better?"

The screenshot is in your head, not on your screen. You make a guess. Sometimes the guess is right. Often you wish you could just see the options.

Visual Questions is the plugin we built to fix that. Type /visual into Claude Code's "Type something." answer box and the question gets re-issued as a project-themed web page with rich, clickable mockups. You click one. Claude continues as if you'd picked it in the terminal.

Why this took a plugin to build

AskUserQuestion is a built-in tool. We can't extend it directly. But two things made a workaround possible:

1. Every AskUserQuestion already includes a free-text "Type something." option. Anything the user types into it flows back as the literal answer.
2. Claude Code's PostToolUse hook system lets a plugin run a deterministic Node script after every AskUserQuestion, read the answer, and inject additionalContext for Claude's next turn.

So the trigger is: user types /visual into "Type something." → hook fires → Claude receives a context block telling it to switch flows and call the visual question MCP tool. Deterministic. No prompt-tuning magic. No "please remember to use the visual flow" hopes.

What gets rendered

The plugin scans your project for design tokens (Tailwind config, CSS variables, design.md) and emits a themed multi-option page hosted at presentfast.com/q/<slug>. Each option card uses your project's palette, typography, and radii — so the mockups look like they belong to your codebase, not a generic template.

Here's what it looks like when Claude asks "which of these three landing-page hero treatments?" with three option cards instead of three text labels:

User: Show me three hero designs for the landing page /visual
Claude: [scans project, builds themed previews, opens browser]
User: [clicks the second option in the browser]
Claude: Great — building option B now.

Three ways to trigger it

1. In an answer. When Claude asks via AskUserQuestion, type /visual (or "show me visually") into the "Type something." option.
2. As a slash command. Type /visual before Claude asks anything. The next question becomes visual.
3. In a message. Say "show me the layouts visually" and skill description-matching activates the same flow.

Install

claude plugin marketplace add 

https://github.com/khush012/presentfast-visual-questions-plugin
claude plugin install 

presentfast-visual-questions@presentfast
claude mcp add presentfast 

-e PF_API_URL=https://www.presentfast.com 

-- npx -y @presentfast/mcp-server@latest

After install: your project tree is byte-identical. No new CLAUDE.md, no .claude/, no claude-hooks/. The plugin lives entirely under ~/.claude/plugins/cache/. It just works in every project.

What's next

• A /visual-init opt-in command writes a BEGIN/END marker block into your project's CLAUDE.md for teammate discoverability and cross-AI portability.
• The MCP server is open source. The plugin is open source. Both are on GitHub.

If you ship a Claude Code project where design choices matter, try it. Tell us what breaks.

— PresentFast Team