web-design-guidelines
Vercel's Web Interface Guidelines covering spacing, typography, interaction, and accessibility
Vercel's Web Interface Guidelines covering spacing, typography, interaction, and accessibility
npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelinesVercel's Web Interface Guidelines covering spacing, typography, interaction, and accessibility
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".
React composition patterns for flexible, scalable UI component architecture
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
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".
This MERN application uses Gemini AI to analyze user resumes, compare them against job descriptions, and identify missing skills. It automatically generates ATS-optimized PDF resumes and tailored interview questions based on the AI's analysis. Built with React, Node.js (vanilla JS), and Puppeteer, featuring secure JWT authentication.
Templates and guides for structuring a production-grade Claude Code harness. Covers global setup, per-project AGENTS.md, quality gates, memory system, and an invocable Claude Code skill.
Spec-driven agent harness for Claude Code and Codex — five-agent pipeline (scope, plan, build, verify, learn) with an auditable proof chain.
A personal-brand AI companion system that evolves through real visitor feedback, AI-generated candidates, and structured evaluation loops. Built with Vibe Coding.
A community-maintained collection of agent skills for WordPress plugin and theme development.
Explore production-tested MCP servers for Claude Code to connect tools, APIs, and data sources