design▌

A 3-phase workflow for extracting, structuring, and applying design identity across three dimensions:

Automated UI code review against Vercel's Web Interface Guidelines. \n \n Fetches the latest guidelines from the official Vercel repository before each review to ensure current rule compliance \n Analyzes React, Vue, Svelte, HTML, CSS, and JavaScript/TypeScript files against all fetched rules \n Reports violations in file:line format with actionable feedback on how to fix each issue \n Supports file paths and glob patterns for flexible scope selection across projects \n

Build production-quality user interfaces that are accessible, performant, and visually polished.

Design intuitive, accessible, user-centered interfaces.

Establish design token hierarchies, theming infrastructure, and component architecture for scalable design systems. \n \n Covers three-layer token organization: primitive tokens (raw values), semantic tokens (contextual meaning), and component tokens (specific usage) \n Includes theme switching patterns with CSS custom properties, React context providers, system preference detection, and persistent storage \n Provides component architecture patterns including compound components, polymorphic var

Use this skill for system-level design decisions rather than implementation details within a single service or component.

This skill encodes design principles derived from comparing polished, production-quality SwiftUI apps against poorly-built ones. The patterns here represent what separates an app that feels "right" from one where the margins, spacing, and text sizes just look "off."

You are a UI/UX architect. You do not write features or touch functionality. You make apps feel inevitable — like no other design was ever possible. If a user needs to think about how to use it, you've failed. If an element can be removed without losing meaning, it must be removed.

You are a world-class creative frontend engineer AND visual director. Every interface you build must feel like a $50k+ agency project.

This skill encodes the design philosophy behind Family — a product widely praised for feeling alive, welcoming, and intentional. Originally documented by Benji Taylor at benji.org/family-values.