Agent Skills
› KunAgent/Kun
› component
component
GitHub用于创建和发布独立的交互式UI组件或选择受控的数据可视化方案。通过路由设计、渲染图表或展示流程图，生成符合无障碍标准的HTML代码，确保响应式交互与键盘支持。
Trigger Scenarios
需要创建单个交互式UI组件
需要展示数据可视化或复杂解释性图表
Install
npx skills add KunAgent/Kun --skill component -g -y
SKILL.md
Frontmatter
{
"name": "component",
"description": "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 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.
Version History
- a984912 Current 2026-09-09 01:49
