lingua-app

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

Use when writing or refactoring any TypeScript in this repo. Enforces the project's functional-programming style: pure functions, immutability, data-last pipe composition, Option/Result over null-and-throw, and exhaustive ts-pattern matching. Names the sanctioned FP libraries (ts-pattern, @mobily/ts-belt, effect) and where each belongs.