TaxasGE Frontend Dev

What problem does it solve?

Inconsistent coding styles, repetitive setup, and overlooked best practices can slow down frontend development and introduce technical debt. This Skill acts as your expert guide, providing standardized Next.js/React patterns and a comprehensive checklist to ensure every UI component is built efficiently, consistently, and to the highest quality, letting you deliver exceptional user experiences with ease.

Core Features & Use Cases

• Standardized Next.js/React Patterns: Provides ready-to-use templates and architectural guidelines for pages, client components, forms (React Hook Form + Zod), and API clients, accelerating development.
• Integrated UI/UX Best Practices: Guides the use of shadcn/ui and Tailwind CSS for a cohesive and responsive design system, ensuring visual consistency across your application.
• Automated Quality Assurance Checklist: Includes a detailed checklist covering ESLint, TypeScript, testing (Jest, Playwright), and Lighthouse performance scores, guaranteeing robust and high-performing frontend applications.
• Use Case: When tasked with building a new user dashboard, simply ask Claude to "use the Frontend Dev Skill to create a new dashboard page." The Skill will then guide the DEV_AGENT through the entire process, from scaffolding the page with the correct Next.js structure to ensuring all UI components adhere to shadcn/ui standards and passing all quality checks, all while you oversee the high-level vision.

Quick Start

DEV_AGENT, use the Frontend Dev Skill to create a new declarations page. DEV_AGENT, apply the form pattern for user registration.