Agent skill

Interactive Input

by sugarforever in sugarforever/01coder-agent-skills

Enables rich interactive UI components in chat responses. An agent skill from sugarforever/01coder-agent-skills.

MITAuto-check passedEducation

Install Interactive Input

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

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install sugarforever/01coder-agent-skills interactive-input --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/sugarforever/01coder-agent-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/interactive-input .claude/skills/interactive-input && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
interactive-input
GitHub stars
136
Token cost
~665 tokens
SKILL.md length
248 words
Files
2 (incl. references)
Skills in repo
21
Repo updated
First seen
Licence
MIT

At a glance

Enables rich interactive UI components in chat responses. An agent skill from sugarforever/01coder-agent-skills.

  • Works in 10 steps: Every interactive block MUST have a… → Every interactive block MUST have at… → Include an Action.Submit in card.actions… → …
  • User asks for quizzes
  • SKILL.md covers When to Use, How It Works, Schema Reference and Quick Example, plus 1 more section
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Interactive Input is an agent skill from sugarforever/01coder-agent-skills. Enables rich interactive UI components in chat responses. When presenting questions that require structured input (multiple choice, true/false, forms), embed interactive blocks that compatible clients render as native UI elements. Use when user asks for quizzes, exercises, surveys, or any structured input scenario.

Its SKILL.md is about 670 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/schema.md`).

It sits in Education, covering Quizzes and assessments and Mobile UI design. The licence is MIT.

When your agent uses it

  • User asks for quizzes
  • Any structured input scenario

Example prompts

  • “Use the interactive-input skill to enable rich interactive UI components in chat responses. An agent skill from sugarforever/01coder-agent-skills”
  • “/interactive-input”

Workflow steps

10 steps, taken from the first numbered list in SKILL.md.

  1. Every interactive block MUST have a unique id field
  2. Every interactive block MUST have at least one element in card.body
  3. Include an Action.Submit in card.actions so the user can submit their response
  4. Use "style": "expanded" for choice sets to show all options visually (recommended for quizzes)
  5. Use "style": "compact" for dropdown selects when there are many options
  6. Set "isMultiSelect": true on Input.ChoiceSet for multiple-choice questions
  7. The first TextBlock in the body is used as the question label in the submitted response
  8. You can include multiple interactive blocks in one message (e.g., a full quiz)
  9. Always wrap the JSON in a interactive code fence — never use json for interactive blocks
  10. Keep the JSON compact and valid — no comments, no trailing commas

What it can do on your machine

Read from SKILL.md and the folder at commit e51fb6e. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Interactive Input loads about 665 tokens when it runs, and up to ~2.2k if it reads all its reference files. Until then it costs about 84 tokens; SKILL.md has 248 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~84
When it runs · the whole SKILL.md, loaded when a task matches
~665
With references · SKILL.md plus every file in references/, read only if the agent opens them
~2.2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from sugarforever/01coder-agent-skills at commit e51fb6e, republished under its MIT licence (© sugarforever). 248 words, ~665 tokens.

Download SKILL.mdSave it as .claude/skills/interactive-input/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
interactive-input
description
Enables rich interactive UI components in chat responses. When presenting questions that require structured input (multiple choice, true/false, forms), embed interactive blocks that compatible clients render as native UI elements. Use when user asks for quizzes, exercises, surveys, or any structured input scenario.

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.

Schema Reference

See references/schema.md for the complete schema specification.

Quick Example

When presenting a multiple-choice question, instead of listing options as text:

markdown
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" }]
  }
}
```

Rules

  1. Every interactive block MUST have a unique id field
  2. Every interactive block MUST have at least one element in card.body
  3. Include an Action.Submit in card.actions so the user can submit their response
  4. Use "style": "expanded" for choice sets to show all options visually (recommended for quizzes)
  5. Use "style": "compact" for dropdown selects when there are many options
  6. Set "isMultiSelect": true on Input.ChoiceSet for multiple-choice questions
  7. The first TextBlock in the body is used as the question label in the submitted response
  8. You can include multiple interactive blocks in one message (e.g., a full quiz)
  9. Always wrap the JSON in a ```interactive code fence — never use ```json for interactive blocks
  10. Keep the JSON compact and valid — no comments, no trailing commas

© sugarforever, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file (references) in skills/interactive-input of sugarforever/01coder-agent-skills.

  • SKILL.md
  • references/schema.md

Open the folder on GitHubat commit e51fb6e

Compare with similar skills

Interactive Input next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Interactive Input compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Interactive Input this skillsugarforever/01coder-agent-skills136—~665Automated safety check: PassMIT
DeepTutor CLIHKUDS/DeepTutor41k—~2.8kAutomated safety check: PassApache-2.0
AI Engineering Placement Quizrohitg00/ai-engineering-from-scratch66k—~2kAutomated safety check: PassMIT
Codebase to Coursezarazhangrui/codebase-to-course5.7k—~4.4kAutomated safety check: PassNone
AI Engineering Phase Quizrohitg00/ai-engineering-from-scratch66k—~2.1kAutomated safety check: PassMIT
Scholar EvaluationK-Dense-AI/claude-scientific-writer2.4k2 repos~2.9kAutomated safety check: NotesMIT

Similar skills

  • DeepTutor CLI

    HKUDS/DeepTutor

    Teaches the agent to set up and run DeepTutor from the command line: chat and capabilities, knowledge bases, partners, memory, sessions, notebooks and the server or Web app.

    41k GitHub stars~2.8k tokensUpdated today
    EducationAuto-check passed
  • AI Engineering Placement Quiz

    rohitg00/ai-engineering-from-scratch

    Runs a 10-question quiz across five areas to place a learner in the AI Engineering from Scratch curriculum, so they skip what they already know.

    66k GitHub stars~2k tokensUpdated yesterday
    EducationAuto-check passed
  • Codebase to Course

    zarazhangrui/codebase-to-course

    Turns a codebase into an interactive single-page HTML course for non-technical learners, with scroll modules, animated diagrams, quizzes and plain-English code translations.

    5.7k GitHub stars~4.4k tokensUpdated 6 mo ago
    EducationAuto-check passed
  • AI Engineering Phase Quiz

    rohitg00/ai-engineering-from-scratch

    Quizzes you on a completed phase of the AI Engineering from Scratch course, taking a phase number or name and mapping it to that phase's directory.

    66k GitHub stars~2.1k tokensUpdated yesterday
    EducationAuto-check passed
  • Scholar Evaluation

    K-Dense-AI/claude-scientific-writer

    Provide qualitative-first, evidence-traceable developmental review of scholarly works and audit low-stakes research-assessment rubrics with optional local quality controls.

    2.4k GitHub starsUsed in 2 repos~2.9k tokens
    EducationAuto-check: notes
  • Evaluation

    guanyang/open-agent-hub

    This skill should be used when building agent evaluation systems: deterministic checks, regression suites, multi-dimensional rubrics, quality gates, production monitoring, baseline comparison, and…

    975 GitHub starsUsed in 2 repos~4.2k tokens
    EducationAuto-check passed

More from sugarforever/01coder-agent-skills

All 21 skills in this repo
  • Typography Cover Designer

    sugarforever/01coder-agent-skills

    Designs typography-driven video covers and thumbnails in HTML/CSS and screenshots them with Chrome DevTools at 16:9, 16:10, 9:16 and 3:4.

    136 GitHub stars~3.3k tokensUpdated 3 mo ago
    Auto-check passed
  • Mining Session Skills

    sugarforever/01coder-agent-skills

    Reviews one finished Claude Code session from its exported markdown and decides whether a skill is worth creating, updating or reusing for similar work.

    136 GitHub stars~1.4k tokensUpdated 3 mo ago
    Auto-check passed
  • Subtitle Correction

    sugarforever/01coder-agent-skills

    Fixes speech-recognition mistakes in .srt subtitle files, in Chinese or English, using terms you supply and leaving every timestamp untouched.

    136 GitHub stars~2.3k tokensUpdated 3 mo ago
    Auto-check passed
  • Claude Session Exporter

    sugarforever/01coder-agent-skills

    Lists Claude Code session transcripts and exports them to organized Markdown with a digest, a clean conversation and linked tool-call details.

    136 GitHub stars~1.7k tokensUpdated 3 mo ago
    Auto-check passed
  • Codex Session Manager

    sugarforever/01coder-agent-skills

    Lists, filters and exports local Codex session transcripts to organized Markdown with a digest, timeline and tool-call details, in full or pick-one mode.

    136 GitHub stars~1.2k tokensUpdated 3 mo ago
    Auto-check passed
  • Diagram to Image Converter

    sugarforever/01coder-agent-skills

    Converts Mermaid diagrams and markdown tables into PNG images through a hosted rendering API, for platforms without rich formatting.

    136 GitHub stars~1.9k tokensUpdated 3 mo ago
    Auto-check passed

Categories

Questions about Interactive Input

What does Interactive Input do?

Enables rich interactive UI components in chat responses. An agent skill from sugarforever/01coder-agent-skills. Interactive Input is an agent skill from sugarforever/01coder-agent-skills. Enables rich interactive UI components in chat responses.

When should I use Interactive Input?

Interactive Input fits situations like: user asks for quizzes; any structured input scenario.

How do I install Interactive Input in Claude Code?

Run `npx skills add sugarforever/01coder-agent-skills --skill interactive-input -a claude-code`. Or copy the skill folder (skills/interactive-input in sugarforever/01coder-agent-skills) into .claude/skills/interactive-input in your project. Claude Code loads it when a task matches its description.

How do I install Interactive Input in Codex?

Run `npx skills add sugarforever/01coder-agent-skills --skill interactive-input -a codex`. Or copy the skill folder (skills/interactive-input in sugarforever/01coder-agent-skills) into .agents/skills/interactive-input in your project. Codex loads it when a task matches its description.

Can I use Interactive Input in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add sugarforever/01coder-agent-skills --skill interactive-input -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/interactive-input, .gemini/skills/interactive-input, .github/skills/interactive-input and .opencode/skills/interactive-input in your project.

What does Interactive Input need to run?

SKILL.md names no scripts, command-line tools or credentials: Interactive Input is instructions for the agent only.

Does Interactive Input access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Interactive Input safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Interactive Input use?

Interactive Input is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Interactive Input use?

About 665 tokens (SKILL.md is roughly 2.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.5k tokens, read only when the agent opens those files.

What are the alternatives to Interactive Input?

Skills that share tags, products or a category with Interactive Input: DeepTutor CLI (HKUDS/DeepTutor, 41k stars), AI Engineering Placement Quiz (rohitg00/ai-engineering-from-scratch, 66k stars), Codebase to Course (zarazhangrui/codebase-to-course, 5.7k stars) and AI Engineering Phase Quiz (rohitg00/ai-engineering-from-scratch, 66k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Interactive Input?

sugarforever (a GitHub user) maintains it in sugarforever/01coder-agent-skills, which has 136 GitHub stars. The repository holds 21 skills in this directory. The repository was last updated on June 19, 2026.

Source: sugarforever/01coder-agent-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.