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 expanding themes into cinematic Chinese scene image prompts
Codex skill for Ren'Py visual novel story reference workflows: NotebookLM sources, private knowledge bases, RAG, narrative analysis, localization review, and writing support. / 面向 Ren'Py 视觉小说剧情资料场景的 Codex skill，适用于 NotebookLM、私有知识库、RAG、剧情分析、翻译校对与写作参考。
Claude Code plugin for brand identity designers. Strategic diagnosis and presentation-ready output.
Vivaan's Claude automation stack — clap-wake, daily briefings, and Claude skills
/learn — a Claude Code tutor skill. Anytime, deeply understand what you're doing in the current session/project (Japanese). Step-by-step, comprehension checklist, why-deepening, quizzes. Never lose track mid-project.
Interactive Algorithms study hub — 10 finals lessons + a 15-algorithm interactive Zoo + source-verified notes. Built with Claude Code; includes teach-skill.md.