Frontend System Discipline

Use this skill when frontend code risks drifting away from the design system or when a change tempts the agent to invent local tokens, helper layers, or style buckets that do not carry real ownership.

This is a reuse and structure skill. It keeps UI work tied to the system that already exists instead of creating page-local versions of the same idea.

When to use

Invoke this skill for:

• component or page implementation that touches styling, tokens, layout, or composition
• theme updates, design-token updates, or semantic styling changes
• refactors that introduce local helpers, constants, or wrapper components
• styled-component, CSS module, or style-file organization work
• code review focused on frontend reuse, token discipline, or component structure

Non-negotiable rules