Shared Component Library & Nuxt Layer

Sister projects (www.qpoint.io, app.qpoint.io) duplicated components, tokens, and CSS. Changes had to be made in multiple places. The styleguide project had the canonical versions but no mechanism to share them.

Transform the styleguide project into a Nuxt Layer that sister projects can extend to inherit shared components, design tokens, and CSS.

• Canonicalized tailwind.config.js as single source of truth for design tokens (fixed border-radius bug, production line-heights, 28 font sizes)
• Consolidated shared CSS into assets/css/shared.css
• Configured Nuxt Layer with @@/ aliases, auto-import dirs, cssPath: false
• Extracted 10 shared components into components/ux/ (Button, Input, Modal, Toggle, Tag, CopyBtn, Close, Checkbox, Message, Icon)
• Created 4 icon stubs in components/icon/ (X, Spinner, Check, Copy)
• Extracted composables/useClipboard.ts
• Built component showcase page at /components
• Wrote brand/component_philosophy.md and brand/design_tokens.md

Styleguide is a functional Nuxt Layer. Sister projects extend with one config line. Components auto-import with existing names — zero template changes needed in consumers.