chore(design-system): add PPMS design system reference and sync bundle #62

Merged
shad0w merged 1 commit from chore/design-system into master 2026-06-21 23:24:39 +00:00
Owner

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

What & why

Checklist

  • Tests added or updated for this change — or it is a docs/config/automation-only PR (tests not applicable). Model: the integration test on claude/issue-12 (prod-mirror DB, raw-SQL inserts, prefix-isolated, cleans up after itself).
  • Docs updated where relevant (App/README.md, App/CLAUDE.md, Docs/, automation/README.md, CHANGELOG.md).
  • pnpm type-check is clean and pnpm test passes (the PR check enforces both).
  • Verified the change (how: unit/integration tests, or a dev server on port 3100 against the test DB).
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> <!-- All changes land via PR — no direct pushes to master. --> ## What & why <!-- Brief summary of the change and the motivation / linked issue (e.g. Closes #NN). --> ## Checklist - [ ] **Tests** added or updated for this change — or it is a docs/config/automation-only PR (tests not applicable). Model: the integration test on `claude/issue-12` (prod-mirror DB, raw-SQL inserts, prefix-isolated, cleans up after itself). - [ ] **Docs** updated where relevant (App/README.md, App/CLAUDE.md, Docs/, automation/README.md, CHANGELOG.md). - [ ] `pnpm type-check` is clean and `pnpm test` passes (the PR check enforces both). - [ ] Verified the change (how: unit/integration tests, or a dev server on port 3100 against the test DB). <!-- The "PR checks" workflow runs on every PR and hard-fails on: a code change with no test change, any type-check error, or any failing unit test. -->
shad0w added 1 commit 2026-06-21 23:24:22 +00:00
chore(design-system): add PPMS design system reference and sync bundle
All checks were successful
PR checks / checks (pull_request) Successful in 36s
PR checks / integration (pull_request) Successful in 26s
2de883c70f
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>
shad0w merged commit 6e25d701d2 into master 2026-06-21 23:24:39 +00:00
Sign in to join this conversation.
No description provided.