Scaffold design engineering playground

Next.js 16 + TypeScript + Tailwind v4 + Motion project showcasing
interface components built on semantic design tokens:

- Light/dark/system theming from one CSS variable set, with a
  pre-paint script so a saved theme never flashes
- Button, Switch and SegmentedControl with keyboard support, ARIA
  semantics and spring motion that respects reduced-motion
- Vitest + Testing Library tests, including a token-coverage test
- /tokens page documenting colour and motion tokens

Co-Authored-By: Claude Opus 5.5 <[email protected]>

This commit is contained in:

jzzliu

2026-11-09 03:52:46 +00:00

co-authored by

Claude Opus 5.5

parent 3d9c5cef51

commit 7af2315316

33 changed files with 9526 additions and 1 deletions

									
										.prettierrc.json
									
		+5
		
												View File
												
				@@ -0,0 +1,5 @@

				{

				  "printWidth": 100,

				  "plugins": ["prettier-plugin-tailwindcss"],

				  "tailwindStylesheet": "./src/app/globals.css"

				}