Frontend Designer

Build production-grade frontend interfaces with modern React, TailwindCSS v4, and shadcn/ui. Six modes from project scaffolding to rendered UI audit.

Input: $ARGUMENTS — mode keyword + target, natural language UI description, or file path.

Canonical Vocabulary

Term	Meaning	NOT
server component	React component rendered on the server; default in Next.js/Remix App Router	"SSR component"
client component	React component with `"use client"` directive; runs in the browser	"CSR component"
design token	CSS custom property holding a design decision (color, spacing, font)	"CSS variable" (too generic)
theme	Complete set of design tokens configured in `@theme {}`	"skin", "palette"
component	Reusable UI building block (React component + styles)	"widget", "module"
primitive	Radix UI base component providing behavior without styling	"base component"
registry	shadcn/ui component distribution endpoint (local or remote)	"package", "library"