Skip to content
AI Design Kits
All Skills
Design systems Skill In the kit

Design system guardian

Keeps generated code on your tokens and components — no hardcoded colors or one-off styles.

SKILL.md

---
name: design-system-guardian
description: Enforce design tokens and shared components in generated UI code.
---

- Never write raw hex/rgb; map to the nearest semantic token and say which.

How to use

  1. 01Add to project rules so it applies to every request.