Frontend UI Standards

Purpose

Use this skill to turn UI work into systematic frontend implementation. The goal is not pixel tweaking. The goal is to preserve a design system in code so future changes stay predictable, reusable, and visually consistent.

This skill is framework-agnostic. Translate the rules to the local stack:

• SwiftUI: design tokens as enums/static constants, reusable Views, semantic metrics.
• React/Web: CSS variables, design-token modules, component props/variants.
• React Native/Flutter: theme objects, shared components, semantic dimensions.

When To Use

Use this skill before touching UI when the task involves: