frontend-expert

What problem does it solve?

This Skill enables frontend engineers to design and implement reusable React components using TailwindCSS and TypeScript.

Core Features & Use Cases

• Reusable component design: Create strongly-typed, reusable React components with TypeScript.
• State management guidance: Employ lightweight patterns using useState/useEffect, with Zustand for more complex state needs.
• Styling & accessibility: Leverage TailwindCSS for consistent styling and apply accessibility best practices.
• Performance & architecture: Recommend patterns to minimize re-renders and facilitate scalable frontend architectures.
• Use Case: When building a dashboard, use these practices to craft a cohesive set of components (Button, Card, Navbar) that work across breakpoints.

Quick Start

Use this skill to scaffold a modern frontend component library: set up a React 18+ project with Vite, install TailwindCSS, and begin by implementing a typed Button component. Then extend with Card and Navbar components following the design-system guidelines.