frontend-developer

Build responsive React components by using Tailwind CSS utility classes for styling and shadcn/ui component patterns for accessibility compliance. This Skill provides reusable component templates that apply WCAG standards and semantic HTML, ensuring your UI is both visually responsive and accessible to all users.

Yes. React paired with Vite significantly accelerates development by providing instant hot module replacement and optimized build output. This Skill scaffolds React projects with Vite configuration, Tailwind CSS, and shadcn/ui components to streamline your build and iteration cycle.

Optimize React rendering by applying hooks patterns, memoization, and code splitting techniques. This Skill generates performance-tuned component templates and testing scaffolding to identify bottlenecks, validate optimizations, and maintain fast load times across your frontend.

Structure state using React hooks and context patterns for clean separation of concerns, then integrate APIs with error handling and loading states built in. This Skill provides templates for component development, hook composition, and API integration workflows to reduce complexity.

Yes. shadcn/ui components are built on Tailwind CSS and fully customizable through utility classes. This Skill leverages both tools together to generate styled, accessible components that maintain design consistency across your Notion Clone or similar projects.

Test React components using testing frameworks paired with accessibility audits to verify WCAG compliance. This Skill provides test scaffolding templates and accessibility checking practices to automate validation and catch regressions early in your development cycle.