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".
An agent skill for Claude / Codebuddy — Socratic facilitator for designing Harness-style closed-loop, self-optimizing, human-steer + agent-execute systems (Ralph loops, LLM-as-judge, tiered automation).
Claude skill that transforms text, articles, or URLs into production-grade single-file HTML pages. 3 layouts (dashboard, infographic, one-page summary), 10 auto-selected design themes, Chart.js visualizations, scroll-spy navigation, and responsive design. Supports Korean and English. No build tools — just open the .html file.
Forge: skill architect and builder — six-phase pipeline for designing, scoping, building, and validating agent skills.
🎬 Control and automate your entire self-hosted media stack with deep integration for library, viewing, requests, downloads, and Plex management.
GLAW — self-contained open-source virtual law firm AI agent skill. 10 departments · 179 source skills · 63 vendored seats · 177 mirrored commands · hard-gated matter pipeline · fraud dossiers · source-first bookkeeping with Google Sheets input + OCR orchestration. Attorney work-product, not legal advice.
Fetch social media post metadata, text, and images. Auto-detects Douyin, Xiaohongshu, and Twitter/X links. No login required.