Skill Wiki
No New Visual Primitives
New colors, fonts, or icon families not grounded in the existing token system must not be introduced without explicit token extension — raw visual primitive values outside the token layer are forbidden.
$ prime install @community/rule-no-new-visual-primitivesProjection
Always in _index.xml · the agent never has to ask for this.
NoNewVisualPrimitives [rule] v1.0.0
New colors, fonts, or icon families not grounded in the existing token system must not be introduced without explicit token extension — raw visual primitive values outside the token layer are forbidden.
Loaded when retrieval picks the atom as adjacent / supporting.
NoNewVisualPrimitives [rule] v1.0.0
New colors, fonts, or icon families not grounded in the existing token system must not be introduced without explicit token extension — raw visual primitive values outside the token layer are forbidden.
Severity
high
Forbidden
- color: #e85d2f — raw hex outside token system
- font-family: 'Playfair Display' — new font import without token
- Importing a second icon library alongside the existing one without migration plan
- box-shadow: 0 4px 20px rgba(0,100,255,0.3) — novel shadow outside elevation scale
Correct
- color: var(--color-accent-600) — token reference
- Adding --font-display: 'Playfair Display' to tokens.css AND updating the token docs
Loaded when retrieval picks the atom as a focal / direct hit.
NoNewVisualPrimitives [rule] v1.0.0
New colors, fonts, or icon families not grounded in the existing token system must not be introduced without explicit token extension — raw visual primitive values outside the token layer are forbidden.
Severity
high
Forbidden
- color: #e85d2f — raw hex outside token system
- font-family: 'Playfair Display' — new font import without token
- Importing a second icon library alongside the existing one without migration plan
- box-shadow: 0 4px 20px rgba(0,100,255,0.3) — novel shadow outside elevation scale
Correct
- color: var(--color-accent-600) — token reference
- Adding --font-display: 'Playfair Display' to tokens.css AND updating the token docs
Rationale
Each undocumented primitive is a design debt entry: it will diverge from the system in dark mode, rebrand, or handoff. Tokens make primitives queryable, replaceable, and auditable.
Severity
high
Forbidden
- color: #e85d2f — raw hex outside token system
- font-family: 'Playfair Display' — new font import without token
- Importing a second icon library alongside the existing one without migration plan
- box-shadow: 0 4px 20px rgba(0,100,255,0.3) — novel shadow outside elevation scale
Correct
- color: var(--color-accent-600) — token reference
- Adding --font-display: 'Playfair Display' to tokens.css AND updating the token docs
Source
prime-system/examples/frontend-design/primes/compiled/@community/rule-no-new-visual-primitives/atom.yaml