frontend-stack

What problem does it solve?

This Skill removes the guesswork and repetitive setup needed to start a new web frontend with a coherent, production-oriented stack.

Core Features & Use Cases

• Framework decisioning: Choose between Astro 6 (content sites) and React via create-tsrouter-app (dashboards and state-heavy apps), or Next.js when you explicitly need app-router capabilities.
• Opinionated foundation: Establish lint/format, Tailwind v4 styling, shadcn/ui components via the shadcn CLI, zod validation, and TanStack libraries for forms, server state, and routing.
• Practical project patterns: Apply Astro hydration directives for React islands, and use canonical tanstack-form + zod and tanstack-query defaults for consistent behavior.
• Use Case: Start a content-heavy site that still needs interactive widgets without overbuilding the architecture.

Quick Start

Tell the assistant: “Scaffold a new website with interactive bits using Astro 6 + React islands, Tailwind v4, shadcn UI, zod, and TanStack libraries.”