agent-html

name: agent-html description: Use when editing AgentHTML artifacts, agent-html files, Gallery Preview DSL, blocks, components, sections, prompt schema, or runtime-rendered artifact content. Before editing AgentHTML content, read `.agents/skills/agent-html/references/prompt-schema.md` for the current DSL contract and enabled component grammar.

Write agent-html DSL, not JSX or HTML.

Workflow

Read .agents/skills/agent-html/references/prompt-schema.md for the supported tags, attrs, defaults, and forbidden constructs.
Reuse the closest valid fixture pattern from .agents/skills/agent-html/references/examples.md before inventing new structure.
Stay within the currently supported runtime tags unless the user explicitly wants a future-target draft.
When an icon is needed, run .agents/skills/agent-html/scripts/search_icons.py "<query>" instead of guessing names.
In an AgentHTML workspace, edit user-facing artifacts at projects/{project-id}/{section-id}/artifact.agent-html.

Rules

Output only agent-html DSL.
Use PascalCase tags.
Root must be <Cell>.
Use quoted scalar attrs like columns="2" or value="82".
Do not use class, className, style, imports, hooks, JS expressions, or raw HTML tags.
Do not invent tags or attrs not present in the grammar reference.
Do not put bare text directly under Cell, Block, Stack, Cluster, or Grid.
Do not put UI directly under Cell or layout nodes; wrap UI in Block, then arrange blocks with layout.

References

Runtime contract and prompt schema: .agents/skills/agent-html/references/prompt-schema.md
Valid and invalid fixture patterns: .agents/skills/agent-html/references/examples.md
Icon lookup notes: .agents/skills/agent-html/references/icons.md

.agents/skills/agent-html/references/prompt-schema.md is the runtime contract surface. In an AgentHTML workspace, the app rewrites it from the current enabled component set.

Scripts

Search Lucide icon names: .agents/skills/agent-html/scripts/search_icons.py "<query>"