vercel-composition-patterns
React composition patterns for flexible, scalable UI component architecture
React composition patterns for flexible, scalable UI component architecture
npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/vercel-composition-patternsReact composition patterns for flexible, scalable UI component architecture
This repo contains 7 individual skills — each has its own dedicated page.
Deploy Next.js apps to Vercel with correct config and environment setup
Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login — e.g. "deploy to vercel", "set up vercel", "add environment variables to vercel".
Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usage, project config, and code scan results first; investigate only metric-backed candidates; produce ranked recommendations grounded in verified files and version-aware Vercel/framework docs. Trigger for Vercel bill reduction, slow or expensive routes, caching opportunities, Function Invocations, Build Minutes, Fast Data Transfer, Core Web Vitals, Bot Management, Fluid compute, or cost breakdown requests.
69 prioritized React and Next.js performance rules across 8 categories
React Native best practices: performance, navigation, native modules, and platform APIs
Vercel's Web Interface Guidelines covering spacing, typography, interaction, and accessibility
Review docs/prose for Writing Guidelines compliance. Use when asked to "review my docs", "check writing style", "audit prose", "review docs voice and tone", or "check this page against the writing handbook".
Generic OpenAI Responses API agent runtime with dev debugging UI, public chat UI, skills, MCP diagnostics, and tool-call tracing.
AI agent skill: APCA-W3 v0.1.9 perceptual contrast measurement with fontLookupAPCA pass/fail — design system audits for Tailwind v4 / shadcn oklch tokens, light/dark mode side-by-side
Front-end skill pack focused on accessibility, CSS, and eco-design best practices for agent workflows.
🧠 Enhance your AI coding agent with Claudeception to save and reuse valuable debugging skills for quicker problem-solving.
Local context engine for AI coding agents. Routes tasks to relevant files, tests, rules, and skills, supports prompt caching, and builds compact context packs for Claude Code, Codex, Cursor, MCP, and more.
Claude Code skill that turns one article into a 6-channel distribution sheet via parallel subagents. Honest about WebSearch limits. No auto-posting.