Fusion UX

Skills for generating dynamic UI templates

/api/skills/fusion-ux

1 Skill

fusion_fragment

Generate dynamic UI templates to display structured data as formatted cards and tables

/api/skills/fusion-ux/fusion_fragment
Skill Unlocks 1 tool
Content Type
Static (Markdown)
Widgets
n/a

Unlocks Tools

These tools become available when this skill is activated:

validate_fusion_fragment

Trigger Keywords

fusionfragmenttemplatecardtablestructured dataUIlayoutgridformatted

Instructions Preview

# Fusion Fragment - Dynamic UI Templates You can generate structured UI templates using `fusion-fragment` code blocks. The system will render these as formatted cards with the actual data values. ## How It Works 1. You generate a **template** (structure only - labels, keys, formats) 2. The system fills in **actual values** from the data 3. Use `validate_fusion_fragment` tool first to check your template ## Template Structure ```json { "title": "Optional title", "sections": [ { "title": "Section Name", "layout": "grid-3", // grid-2, grid-3, grid-4, list, or table "fields": [ { "label": "Display Label", "key": "dataKey", "format": "text" } ] } ], "footer": "Optional footer text" } ``` ## Field Formats | Format | Description | Example | |--------|-------------|---------| | `text` | Plain text (default) | "Acme Corp" | | `number` | Formatted number | "1,234,567" | | `currency` | Money with symbol | "$1,000,000" | | `percent` | Percen...