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".
Codex skill for ZF-inspired B2B frontend design
Reusable agent skills for StartInfinity and Infinity MCP workflows
Easiest and laziest way for building multi-agent LLMs applications.
AI-native project scaffold: describe your idea → agent writes all context files. Includes skills (skills.sh), MCP tools, UI system, and agent review workflow.
🔗 Connect LLMs to Google Docs with this unofficial MCP server for smarter workflows and enhanced document management.
Claude Code skills for the Ripe Method for building robust, & highly maintaiinable web applications — install them once and Claude knows how to scaffold React + Redux Toolkit projects the right way.