From 01coder-skills
Embeds interactive UI components like choice sets, text fields, toggles, and forms in chat responses via JSON blocks in markdown code fences. Use for quizzes, exercises, surveys, or structured input; renders as native UI in compatible clients.
npx claudepluginhub sugarforever/01coder-agent-skills --plugin 01coder-skillsThis skill uses the workspace's default tool permissions.
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.
Creates isolated Git worktrees for feature branches with prioritized directory selection, gitignore safety checks, auto project setup for Node/Python/Rust/Go, and baseline verification.
Executes implementation plans in current session by dispatching fresh subagents per independent task, with two-stage reviews: spec compliance then code quality.
Dispatches parallel agents to independently tackle 2+ tasks like separate test failures or subsystems without shared state or dependencies.
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.
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.
See references/schema.md for the complete schema specification.
When presenting a multiple-choice question, instead of listing options as text:
Here's your first question:
```interactive
{
"id": "q1",
"card": {
"body": [
{ "type": "TextBlock", "text": "What is the capital of France?", "weight": "bold" },
{ "type": "Input.ChoiceSet", "id": "answer", "style": "expanded",
"choices": [
{ "title": "A. London", "value": "london" },
{ "title": "B. Paris", "value": "paris" },
{ "title": "C. Berlin", "value": "berlin" },
{ "title": "D. Madrid", "value": "madrid" }
]
}
],
"actions": [{ "type": "Action.Submit", "title": "Submit" }]
}
}
```
id fieldcard.bodyAction.Submit in card.actions so the user can submit their response"style": "expanded" for choice sets to show all options visually (recommended for quizzes)"style": "compact" for dropdown selects when there are many options"isMultiSelect": true on Input.ChoiceSet for multiple-choice questionsTextBlock in the body is used as the question label in the submitted response```interactive code fence — never use ```json for interactive blocks