frontend-developer-skill

What problem does it solve?

This Skill provides comprehensive expertise for building production-ready web applications, streamlining the setup of modern frontend tooling, state management, testing, and performance optimization.

Core Features & Use Cases

• Project Scaffolding: Quickly set up new React, Vue, or Angular projects with best practices.
• Tooling Configuration: Automate the setup of ESLint, Prettier, testing frameworks (Vitest, Playwright), and styling solutions (Tailwind CSS).
• State Management: Implement robust client and server state management using libraries like Zustand, Redux Toolkit, or TanStack Query.
• Performance Optimization: Apply techniques like code splitting, memoization, and virtualization to ensure fast load times and smooth user experiences.
• Use Case: Kickstart a new React project by invoking this skill to set up Vite, TypeScript, Tailwind CSS, Zustand for state management, and Vitest for testing, all pre-configured for optimal development.

Quick Start

Use the frontend developer skill to set up a new React project with Vite, TypeScript, and Tailwind CSS.