What problem does it solve? Building a fullstack web app from scratch requires wiring authentication, database access, API contracts, and frontend data fetching, which is error-prone and slow. This Skill provides the complete development guide for a pre-configured template where auth, database, file storage, and typed APIs already work out of the box. ## Core Features & Use Cases - End-to-end typed workflow: Define tRPC procedures in server/routers.ts, add Drizzle schema tables, and consume typed hooks in React with no manual REST routes or contract files. - Built-in auth and RBAC: Manus OAuth is pre-wired with protectedProcedure, adminProcedure, and a role field for gating admin-only features. - Frontend and design guidance: Covers shadcn/ui usage, Tailwind theming, animation timing rules, dashboard vs public-facing layout decisions, and media handling via storage uploads. - Use Case: You need to build an internal analytics dashboard with user login. Follow the build loop: update drizzle/schema.ts, generate migrations, add query helpers and procedures, then wire the UI with trpc hooks and DashboardLayout. ## Quick Start Ask the agent to initialize a new fullstack webdev project and add a feature such as a task list with login-protected pages.
