Visual Consistency Auditor (Design System & Brand)

This skill acts as a "Brand Guardian" to ensure that FlyerBoard maintains a unified look and feel across all features and development cycles.

Design System Tokens

Colors (Tailwind)

• Primary: primary-500 (#ef4444) - Use for main actions/branding.
• Neutral: neutral-800 (#242428) - Use for primary text.
• Neutral Secondary: neutral-500 (#71717a) - Use for secondary text.
• Borders: neutral-200 (#dbdbe4).

Typography

• Primary Font: Plus Jakarta Sans.
• Base Size: 16px (ensure inputs don't zoom on iOS).

Layout

• Containers: Always use the .container-padding and .content-max-width utility classes defined in tailwind.config.js.