{"version":"2.1.187","anchor":"artifact-design-skill-comprehensive-design-guidance","canonical_anchor":"artifact-design-skill-comprehensive-design-guidance","heading":"Artifact design skill \u2014 comprehensive design guidance","tier":null,"area":null,"scope":null,"heads_up":null,"url":"https:\/\/changelogs.core-directive.com\/v\/2.1.187\/e\/artifact-design-skill-comprehensive-design-guidance","release_url":"https:\/\/changelogs.core-directive.com\/v\/2.1.187","markdown":"### Artifact design skill \u2014 comprehensive design guidance\n\nThe `artifact-design` skill has been expanded with detailed design principles covering typography, layout, color, copy writing, UI design, and an editorial workflow for higher-stakes creative pages.\n\n**Details**\n\n- Guidance covers: honoring existing design systems, typeface pairing (with `@font-face` data URIs since CDNs are blocked), layout with flex\/grid, CSS cascade specificity, writing copy, structural vs. decorative elements, and avoiding AI-generated design clich\u00e9s\n- Adds an explicit process: sketch a compact token system (color, type, layout) before writing code\n- Adds an \"editorial\" mode for landing pages, games, and apps \u2014 with instructions to make opinionated calls and take one real aesthetic risk\n- Description updated from \"Design guidance for Artifact pages\" to \"Design guidance and fundamentals for Artifacts\"\n\n**Evidence**\n\nSkill content replaced (search for `\"Approach this as the design lead at a small studio\"`)"}