template-uilisted

startup-saas-template UI-specific patterns. For generic patterns, see: typescript, react-19, nextjs-15, tailwind-4. Trigger: When working inside ui/ on template-specific conventions (shadcn, folder placement, actions, shared types/hooks/stores).
dtaborda/startup-saas-template · ★ 0 · Web & Frontend · score 61

Install: claude install-skill dtaborda/startup-saas-template

> **shadcn/ui**: For CLI commands, component installation, theming, composition patterns, and registry access, see the `shadcn` skill. This skill (`template-ui`) focuses on WHERE to place components in our monorepo. ## Related Generic Skills - `typescript` - Const types, flat interfaces - `react-19` - No useMemo/useCallback, React Compiler - `nextjs-15` - App Router, Server Actions - `tailwind-4` - cn() utility, styling rules - `zod-4` - Schema validation - `zustand-5` - State management - `ai-sdk-5` - Chat/AI streaming features - `playwright` - E2E testing --- ## Tech Stack | Technology | Version | Purpose | |------------|---------|---------| | Next.js | 15 | App Router, Server Actions, SSR | | React | 19 | UI (React Compiler — no useMemo/useCallback) | | TypeScript | 5.7+ strict | Type safety | | Tailwind CSS | 4 | Styling (cn() utility, theme variables) | | shadcn/ui | latest | Component library (packages/ui/) | | Zustand | 5 | Client state management | | Zod | 3.24+ | Validation | | Biome | 2.4+ | Lint + format | | Playwright | latest | E2E testing | --- ## CRITICAL: Component Library Rule - **ALWAYS**: Use `shadcn/ui` components from `@template/ui` + Tailwind - **NEVER**: Add external UI libraries without approval --- ## UI Capabilities | Capability | Location | Purpose | |------------|----------|---------| | **Dashboard** | `components/dashboard/` | Main dashboard, metrics, overview | | **Chat** | `components/chat/` | Chat interface, message thread, composer