frontend▌

Get a production-ready Convex backend set up in minutes. This skill guides you through initializing Convex, creating your schema, setting up auth, and building your first CRUD operations.

Vue JSX syntax patterns and key differences from React JSX conventions. \n \n Covers attribute naming differences (e.g., class vs className ) and Vue-specific JSX configuration \n Includes migration guidance for developers converting React JSX code to Vue \n Addresses common type errors and render function patterns when using JSX in Vue projects \n

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.

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

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

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

The useSearchParams hook requires TWO things:

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

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.