Interactive Input

This lets Claude embed interactive UI components like radio buttons, checkboxes, and form fields directly in chat responses. When you ask for a quiz, survey, or any structured input scenario, it wraps JSON in an interactive code fence that compatible clients render as native elements. Instead of listing multiple choice options as text, you get actual clickable buttons. The fallback is readable JSON for clients that don't support it. The main gotcha is remembering to use the interactive fence instead of json, and every block needs a unique ID plus an Action.Submit button. It's a cleaner experience than parsing "please type A, B, C, or D" responses, especially for multi-question scenarios where you can chain several blocks in one message.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 5
skills.sh installs: 439
GitHub stars: 139
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add sugarforever/01coder-agent-skills --skill interactive-input --agent claude-code

Installs into .claude/skills of the current project.

Files

Interactive Input Blocks

Embed interactive UI components (radio buttons, checkboxes, text fields, toggles) directly in chat responses. Compatible clients render these as native UI elements; other clients show a readable JSON code block as fallback.

When to Use

Quizzes and exercises (single/multiple choice, fill-in-the-blank)
Surveys and polls
Structured data collection (forms)
Any scenario where the user needs to select from options or provide structured input

How It Works

Wrap a JSON block in a ```interactive code fence within your normal markdown response. You can mix regular text and interactive blocks freely in the same message.