Content Type
Static (Markdown)
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...