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
