icon-system

Establish or validate the canonical icon and illustration system for this project.

Mode: $ARGUMENTS

• If no argument or setup: create the Icon wrapper and validate/document the system
• If validate: audit the wrapper and conventions without creating files
• If docs: only output the icon system reference (for pasting into design docs)

Step 1 — Assess Current State

1. Check if src/components/ui/icon.tsx exists. Read it if so.
2. Read src/app/globals.css — note existing CSS custom properties.
3. Read tailwind.config.ts — note the spacing/sizing token scale.
4. Search for current icon import patterns: grep -r "from 'lucide-react'" src/ --include="*.tsx" | head -20
5. Note any existing raw Lucide usage to understand migration scope.

Step 2 — Create the Icon Wrapper (if missing or incomplete)