project documentation — from design principles to deployment config. each page is a single source of truth.
code-first, lowercase, bento grid, and reading-first — the core visual principles behind 1thay
storybook-first development pipeline: storybook -> tokens.css -> astro -> figma
how to use design tokens in CSS, JS, and across brands — with live examples and common pitfalls
google-labs standard — YAML frontmatter tokens + 8-section markdown specification
detailed token definitions: colour, font, spacing, radius, shadow, size, and component tokens
Figma file structure, variable collections, style names, sync workflow, and code-to-design mapping
philosophy, naming conventions, decision-making process, and ecosystem overview
site structure, layouts, page conventions, deployment configuration, and build pipeline
Storybook configuration, component inventory, story conventions, testing strategy
decision log, changelog, self-review notes, and upcoming roadmap
Claude Code agent configuration — project scaffold, tool permissions, and workflow rules