Frontend Development

Skills for web UI, testing, and design systems

Automate browser interactions via Playwright for testing, scraping, and UI validation.

Scaffold new projects with opinionated templates and best-practice configurations.

Debug and profile web apps using Chrome DevTools protocol — performance, network, memory.

Apply design system principles, component patterns, and visual hierarchy to frontend code.

Frontend development guidelines for React, TypeScript, and modern web tooling.

Vercel React best practices — RSC, Server Actions, data fetching, performance patterns.

Google Stitch — AI-powered design generation from prompts to production UI components.

TanStack suite (Query, Router, Table, Form) — data fetching, routing, table management.

CSS, Tailwind, shadcn/ui, animations — consistent styling and theming patterns.

Web interface guidelines for accessibility, responsiveness, and cross-browser compatibility.

End-to-end and integration testing for web apps using Playwright, Vitest, and Testing Library.