What
A new built-in skill that provides comprehensive design guidance for building distinctive, production-grade frontend pages published as claude.ai Artifacts.
Usage
/artifact-designDetails
- Guides a two-pass design process: (1) brainstorm a compact token system — 4–6 named hex values, 2+ typeface roles, a layout concept with ASCII wireframes; (2) critique the plan against the subject before building, revise anything that reads as a generic default, then build from the revised plan exactly
- Design principles: hero as a thesis, typography as personality, structure as information, deliberate motion (one orchestrated moment), copy as design material
- Includes a palette-commit format (
<palette_commit>block) to pin color decisions before writing CSS - References three common AI design defaults to avoid (warm cream + high-contrast serif + terracotta; dark + acid-green; broadsheet hairlines) when the user has not specified a visual direction
- User-invocable on all surfaces that support skills
Evidence
New artifact-design skill definition — search for "artifact-design" or "Design guidance for Artifact pages — process, principles, palette, copy."
Strings lifted out of the shipped bundle, so the claim above can be checked against them.