{"version":"2.1.199","anchor":"plan-artifact-template-cds-design-tokens-and-tab-title-slot","canonical_anchor":"plan-artifact-template-cds-design-tokens-and-tab-title-slot","heading":"Plan Artifact Template: CDS Design Tokens and TAB_TITLE Slot","tier":null,"area":null,"scope":null,"heads_up":null,"url":"https:\/\/changelogs.core-directive.com\/v\/2.1.199\/e\/plan-artifact-template-cds-design-tokens-and-tab-title-slot","release_url":"https:\/\/changelogs.core-directive.com\/v\/2.1.199","markdown":"### Plan Artifact Template: CDS Design Tokens and TAB_TITLE Slot\n\nThe plan artifact HTML template has been upgraded with the official Anthropic CDS (Component Design System) token set and a new title control slot.\n\n**Details**\n\n- Added `{{TAB_TITLE}}` slot: controls the browser `<title>` element separately from the document heading `{{TITLE}}`. The `.md` publish path sets it to the filename while the visible `<h1>` shows the document heading\n- Replaced hand-coded CSS color literals with vendored `@ant\/cds` design tokens (the full token CSS is embedded verbatim and drift-tested in CI)\n- Adds syntax highlighting for code blocks using highlight.js with language detection\n- The plan-artifact skill instructions updated to reflect the new four-slot fill contract (`{{TITLE}}`, `{{TAB_TITLE}}`, `{{EYEBROW}}`, `{{SUMMARY}}`)\n\n**Evidence**\n\n(search for `\"TAB_TITLE\"`, `\"BEGIN vendored @ant\/cds tokens\"`, `\"artifact-plan.html\"`)"}