Create, scaffold, and refine TypeScript and Tailwind CSS web apps with strong defaults for React-based frontends, responsive layouts, reusable UI primitives, and production-minded structure. Use when Codex needs to build a new app or substantially upgrade an existing app that should use TypeScript and Tailwind, especially dashboards, landing pages, internal tools, CRUD interfaces, MVPs, or marketing/product surfaces.
Create polished web apps with TypeScript and Tailwind CSS. Choose the lightest framework that fits the request, build a clear product shape before coding, and ship something responsive, accessible, and visually intentional instead of generic boilerplate.
src/ structure for larger apps and a flatter structure for small apps.any gaps.useState or useReducer, then reach for heavier tooling only when needed.Use the current package manager when the repo already defines one. For a new app, either copy the starter asset folder or scaffold from scratch with commands like:
npm create vite@latest my-app -- --template react-ts
npm install tailwindcss @tailwindcss/vite
npx create-next-app@latest my-app --ts --tailwind --eslint --app
After scaffolding, wire Tailwind using the current recommended setup for the selected framework and installed Tailwind major version rather than assuming old config shapes.