Captures the live PPMS visual language (tokens from globals.css +
components/ui/* + lib/utils.ts) so new screens can be prototyped with the
same look and feel.
- Wireframe/design-system.html: single-page living style guide (color ramps,
typography, radius/shadow/spacing, icons, app shell, buttons, badges, PO
status badges, cards/KPIs, forms, tabs, tables, alerts/dialog, charts,
formatting conventions, do/don't).
- Wireframe/ds-bundle/: per-component @dsCard preview cards (Foundations /
Layout / Components) used to sync the design system to the claude.ai
Design System project.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Hardik
2de883c70f