building-react-web-application
React web application
Opinionated ecosystem for building Vite-based React SPAs with a consistent architecture, library stack, and UI system (src/ui).
Tech stack
| Layer | Choice |
|---|---|
| Bundler | Vite |
| Language | TypeScript |
| Styling | Tailwind CSS v4, class-variance-authority (cva + cx from the same package) |
| Routing | TanStack Router (file-based, src/routes) |
| Server state | TanStack Query |
| Client global state | Zustand |
| HTTP | Axios |
| Presentational UI | shadcn/ui-style primitives in src/ui/ |
When to use
More from cedmandocdoc/awesome-skills
building-react-native-application
Guides building Expo/React Native apps with TypeScript using a consistent architecture and library stack (NativeWind, React Navigation, TanStack Query, Zustand, Axios). Use for all React Native application work.
24building-react-application
Guides building React web applications with TypeScript using consistent patterns for effects, data fetching, component structure, shared JS utilities, and date handling. Use when implementing or reviewing React UI, hooks, side effects, or utility usage in browser-based apps.
21writing-documentation
Guides creating and updating concise, clear Markdown documentation with consistent structure and tone. Use when writing or editing .md files, Cursor skills (SKILL.md), rules (e.g. .cursor/rules), AGENTS.md, or other AI-facing documentation.
4reviewing-documentation
Reviews Markdown and AI-facing documentation for clarity, structure, style, and formatting against project writing standards. Use when reviewing docs, doc PRs, SKILL.md or rules, or when the user asks whether documentation is well written or needs improvement.
4react-native
Opinionated React Native ecosystem for building apps with a consistent architecture, library stack, and UI patterns
1