Skills

Component

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

Install

npx skills add KunAgent/Kun --skill component -g -a claude-code -y
Repository
KunAgent/Kun6.4k
Category
Design
Updated
3d ago
License
See repository
Context cost
Lightabout 342 tokens
Runs scripts
No, instructions only

What it does

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

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 skillUse
design_componentPublish one standalone interactive component.
show_visualizationShow a simple flow, cards, or callout.
render_chartRender a trustworthy chart or table.
show_diagramPublish 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.

More in Design