Visualize the user's request as an interactive single HTML file. First, read references/common-rules.md to review common rules.
| mockup | UI mockup (high-fidelity) | mockup-{name}.html | | wireframe | Wireframe (low-fidelity, hand-drawn style) | wireframe-{name}.html | | erd | ERD | erd-{name}.html | | flow | Flowchart / Sequence diagram | flow-{name}.html | | chart | Data chart | chart-{name}.html | | slides | Presentation | slides-{name}.html |
| arch | Architecture diagram | arch-{name}.html | | dashboard | Composite dashboard | dashboard-{name}.html | | timeline | Timeline / Gantt chart | timeline-{name}.html | | mindmap | Mindmap | mindmap-{name}.html | | kanban | Kanban board | kanban-{name}.html | | table | Interactive data table | table-{name}.html |
Genere una visualización HTML interactiva de un solo archivo (maqueta, estructura alámbrica, ERD, diagrama de flujo, diagrama, diapositivas, diagrama de arquitectura, panel, línea de tiempo, mapa mental, kanban, tabla). Fuente: 2ykwang/agent-skills.