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".
Build full-stack native apps for web, iOS, and Android with shared Firebase backend, Cursor AI, and production-ready patterns
Exercise: Build applications with GitHub Copilot agent mode
AI-agent skill that bootstraps a personal career intelligence hub — a single source of truth for resumes, interview prep, and grant applications, plus a career compass for stretch targets, gap analysis, and quarterly plans. Cross-IDE via AGENTS.md.
Learn Claude and Claude Code best practices for skills, MCP tools, and agentic workflows in one living guide
Reusable Agent-OS v3 standards profiles for Node/Express, Python/Flask, and Python/LangChain — coding conventions, design patterns, and security rules for AI coding agents (Claude Code, Cursor, Windsurf)
🤖 Build an enterprise-level AI agent framework for seamless cross-departmental collaboration and intelligent integration across systems.