frontend▌

Generate complete, runnable web scraper projects using the PageObject pattern with Playwright and TypeScript. This skill produces site-specific scrapers with typed data extraction, Docker deployment, and optional agent-browser integration for automated site analysis.

Comprehensive performance optimization and best practices for React applications, designed for AI agents and LLMs working with React code.

Install and configure Sentry in React Native projects using the official wizard CLI.

Use this pattern whenever a page needs to load data based on whatever identifier appears in the URL. Common scenarios include:

The useSearchParams hook requires TWO things:

Great design is invisible - users notice when it's bad, not when it's good.

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

Build real-time applications with WebSockets and Socket.io.

SwiftUI search is environment-based and navigation-consumed. You attach .searchable() to a view, but a navigation container (NavigationStack, NavigationSplitView, or TabView) renders the actual search field. This indirection is the source of most search bugs.

Load with: base.md + typescript.md