Ask your agent
Learn the visual language of this project before we make the report.
Where slash commands are supported, you can use /visualize teach.
The agent reads existing code, design tokens, pages, and documents. It asks about missing or conflicting guidance, then proposes three files:
DESIGN.md: visual styling and component behavior.PRODUCT.md: audience, voice, and product context.tokens.css: colors, typography, spacing, and other values for HTML.
Review the full drafts before approving the write. The agent must ask before replacing existing guidance.
Style one document or change the project
Use a theme to style one document. Use Artifact Explore to compare layouts or styles. Neither requires project design files.
To compare a new project identity or replace an existing one, use System Explore.
See representative file excerpts
From PRODUCT.md:
The user asks in natural language. The agent creates or refines a local HTML
file using the project context it already has.
From DESIGN.md:
Five blues on light paper and one small glass prism give the site character.
The prism splits white light into the seven template categories. Examples retain
their own visual direction rather than inheriting the website's palette.
From tokens.css:
--accent: #47bce0;
--ink: #111c24;