Single HTML Artifact

Default Stack

Use this stack unless the user asks otherwise:

• One .html file with embedded <style> and <script>.
• Custom CSS with CSS variables for theme, spacing, borders, and status colors.
• Vanilla JavaScript for static pages and simple interactions.
• Alpine.js from CDN when stateful UI would otherwise require repetitive DOM code.
• Optional CDN libraries only when they clearly reduce complexity: Chart.js for charts, Mermaid for diagrams, highlight.js for code, KaTeX for math.

Avoid build tools, package managers, JSX transpilers, large component libraries, and app frameworks unless the artifact is truly a mini-app or the user requests them.

Workflow