{"version":"2.1.182","anchor":"artifact-design-built-in-design-skill-for-artifacts","canonical_anchor":"artifact-design-built-in-design-skill-for-artifacts","heading":"\/artifact-design \u2014 Built-in design skill for Artifacts","tier":null,"area":null,"scope":null,"heads_up":null,"url":"https:\/\/changelogs.core-directive.com\/v\/2.1.182\/e\/artifact-design-built-in-design-skill-for-artifacts","release_url":"https:\/\/changelogs.core-directive.com\/v\/2.1.182","markdown":"### `\/artifact-design` \u2014 Built-in design skill for Artifacts\n\n**What**\n\nA new built-in skill that provides comprehensive design guidance for building distinctive, production-grade frontend pages published as claude.ai Artifacts.\n\n**Usage**\n\n`\/artifact-design` **Details** - Guides a two-pass design process: (1) brainstorm a compact token system \u2014 4\u20136 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 \u2014 search for `\"artifact-design\"` or `\"Design guidance for Artifact pages \u2014 process, principles, palette, copy.\"`"}