AgentSkillsCN

ui-registry

通过 ui_registry_* 和 ui_present 工具，选择并渲染预先注册的 UI 组件。

SKILL.md
--- frontmatter
name: ui-registry
description: Select and render pre-registered UI components via the ui_registry_* and ui_present tools.
allowedTools:
  - ui_registry_list
  - ui_registry_get
  - ui_present

UI Registry Skill

Use this skill to render Static Generative UI (SGUI) components. The registry is keyed by component ID. Keep prompts lean by selecting a key first, then pulling schema details only when needed.

Registry keys

  • •stat_grid — Compact summary of key stats (weather, KPIs, status)
  • •line_chart — Time-series trend lines (latency, prices, usage)
  • •area_chart — Filled trend chart (capacity, throughput, cohorts)
  • •bar_chart — Categorical comparisons (throughput, counts, mix)
  • •data_table — Structured rows + columns (comparisons, checklists)
  • •timeline — Chronological events (incidents, workflows)
  • •status_list — Health/state indicators (services, agents, tasks)

Recommended flow

  1. •Pick a component key from the list above.
  2. •Call ui_registry_get for schema details and examples.
  3. •Call ui_present with componentId, props, and a required textFallback.

Notes

  • •textFallback is mandatory for every ui_present call.
  • •Use uiOnly: true when the UI is the primary response.