# Component

Create and publish one focused interactive UI component or choose a governed Kun...

- Repository: https://github.com/KunAgent/Kun (6362 stars)
- Category: Design
- License: see repository
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add KunAgent/Kun --skill component -g -a claude-code -y`
Codex: `npx skills add KunAgent/Kun --skill component -g -a codex -y`
Cursor: `npx skills add KunAgent/Kun --skill component -g -a cursor -y`
Gemini CLI: `npx skills add KunAgent/Kun --skill component -g -a gemini-cli -y`

## Description

Create and publish one focused interactive UI component or choose a governed Kun visualization.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Interactive Component
Copyright (c) 2026 KunAgent. Licensed under the MIT License.

## Purpose
Create and publish one focused interactive UI component or choose a governed Kun visualization.

## Tool routing
| Tool or skill | Use |
|---|---|
| `design_component` | Publish one standalone interactive component. |
| `show_visualization` | Show a simple flow, cards, or callout. |
| `render_chart` | Render a trustworthy chart or table. |
| `show_diagram` | Publish a complex explanatory diagram. |

## Workflow
1. Identify whether interaction materially improves the answer.
2. Choose one component, visualization, chart, or diagram tool.
3. For a component, produce complete standalone HTML with one data-kun-component-root.
4. Bundle local resources and declare minimum remote origins.
5. Test responsive behavior and interaction states.

## Completion gates
- Provide labels, keyboard support, visible focus, and reduced-motion behavior.
- Keep the component focused; use production code tools for complete pages or flows.
- State the written conclusion outside the visual when needed.

## Boundaries
- Do not use a component for decoration or ordinary prose.
- Do not request credentials, payments, or sensitive inputs inside prototypes.

## Delivery
Lead with the outcome, name the evidence used for verification, and disclose any real limitation that remains.