component

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

Quality

70%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./resources/bundled-skills/component/SKILL.md

Interactive Component

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

Identify whether interaction materially improves the answer.
Choose one component, visualization, chart, or diagram tool.
For a component, produce complete standalone HTML with one data-kun-component-root.
Bundle local resources and declare minimum remote origins.
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.

Repository: KunAgent/Kun
Path: resources/bundled-skills/component/SKILL.md
Commit: ebce7f6

Last updated: 5 days ago
First committed: 1 month ago

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.