Context-aware skills for AI agents, delivered instantly.

React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns (components, Next.js pages, data fetching, bundle optimization, performance improvements).

Review UI code for Web Interface Guidelines compliance—use when asked to “review my UI”, “check accessibility”, “audit design”, “review UX”, or “check my site against best practices”.

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS apps—used for building components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, and reviewing frontend code quality.

Guide for creating high-quality MCP (Model Context Protocol) servers so LLMs can interact with external services via well-designed tools—covers research/planning, implementation (TypeScript/Python), review/testing, and evaluation creation.

Toolkit for interacting with and testing local web applications using Playwright—verify frontend functionality, debug UI behavior, capture browser screenshots, and view browser logs.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Use this skill whenever the user wants to do anything with PDF files—reading/extracting text or tables, merging/splitting, rotating, watermarking, creating PDFs, filling forms, encrypting/decrypting, extracting images, and OCR for scanned PDFs.