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".
MCP server for macOS desktop automation. Background GUI testing, 30 tools, audio capture, camera, virtual desktops. Built in Rust.
A Codex skill for Linux embedded learning, bringup, debugging, source reading, and performance work. This skill is designed as a broad Linux embedded development companion rather than a narrow single-topic helper. It helps route problems by layer, guide source reading, structure debugging, and accumulate durable project notes.
Build AI skills for social media strategy, content creation, and analysis across text-first platforms
My personal directory of skills.
Claude Code skill: generate Story/AR-style design docs from existing module source code
Build multi-agent workflows with a low-code visual canvas for task orchestration, tool integration, and stateful agent execution