How Claude Code Extends the System
This is a member-only chapter. Log in with your Signal Over Noise membership email to continue.
Log in to readModule 3 · Section 7 of 7
How Claude Code Extends the System
Once your token layer is in place, tell Claude Code about it at the start of any design task:
This project uses CSS custom properties for all design values.
The variables are defined in src/styles/global.css.
Do not hardcode any colour, spacing, or font values —
always reference the custom properties.Put this in your project CLAUDE.md and you only have to say it once. After that, every generated component uses the token system without being reminded.
You now have a design system that scales. Module 4 covers content — how to write in Markdown and have Astro organise it for you.