Vercel · For frontend developers

Runs a metrics-first audit of a deployed Vercel project, gating investigations on real signals to produce ranked, citation-backed cost and performance recommendations.

vercel-labs/agent-skills

React and Next.js performance optimization guidelines from Vercel Engineering.

sanity-io/sanity

Captures before and after screenshots of two URLs or images with the Vercel before-and-after CLI, uploads them and can add a markdown comparison to a pull request.

michaelshimeles/skills

Helps implement coss UI components correctly. An agent skill from crafter-station/petdex.

crafter-station/petdex

Bun as runtime, package manager, bundler, and test runner. An agent skill from spinspire/pocketbase-sveltekit-starter.

spinspire/pocketbase-sveltekit-starter

Distill and apply this repository's Next.js Nextra starter architecture, implemented features, extension points, and migration patterns.

pdsuwwz/nextjs-nextra-starter

Keeps Tabler pages reachable by updating the preview menu, docs menu and redirect table whenever a page is added, renamed, moved or removed.

tabler/tabler

Community skill for applying the Geist design system to Vercel-inspired rendered frontend UI across React/Next.js/Vite/Astro/Svelte/Vue/HTML/CSS, Tailwind, shadcn, and Radix.

syhily/kobato

蒸馏并应用当前仓库的 Next.js Nextra 启动模板架构、已实现功能、二次开发扩展点与迁移模式。适用于理解本项目、继续二次开发、修改 docs/landing/i18n/theme/auth/UI 行为，或把这些 Next.js 16 + Nextra 4 + Tailwind CSS 4 模式复用到其他项目。

pdsuwwz/nextjs-nextra-starter

Create an interactive HTML preview of any proposal, plan, idea, doc, brief, or spec and land it in the browsable local Preview Library by default (opens under file:// with a catalog sidebar and…

hanamizuki/solopreneur

React performance optimization guidelines from Vercel Engineering (vercel-labs/agent-skills).

ryokun6/ryos

Configure and troubleshoot Vercel Services for multiple frontends and backends in one project.

vercel/vercel-plugin

The complete build-to-production pipeline for Ethereum dApps.

austintgriffith/ethskills

Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed.

aAAaqwq/AGI-Super-Team

Run and verify ClawHub production deploys and stable ClawHub CLI npm releases.

openclaw/clawhub

Builds Next.js 14+ apps on the App Router with server components, server actions, explicit caching, SEO metadata, loading and error boundaries and Vercel deployment.

Jeffallan/claude-skills

Sets a build, test and verify routine for web projects: write typed, accessible code and never call work done until it is checked in a real browser with screenshots.

nanocoai/nanoclaw

Design one-off HTML artifacts (landing, deck, prototype). An agent skill from mateaix/mateclaw.

mateaix/mateclaw

54 real-world design systems (Stripe, Linear, Vercel, Notion, Apple…) as ready-to-paste HTML/CSS — exact colors, typography, components, and spacing for styling a page after a known brand.

yc-software/qm

54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.

Prismer-AI/PrismerCloud

React performance optimization guidelines from Vercel Engineering.

gambitph/Stackable

Nuxt Content v3 Git-based CMS for Markdown/MDC content sites.

secondsky/claude-skills

Generate immersive, one-shot single-file HTML websites with embedded CSS and JS.

cafe3310/public-agent-skills

Write or change React UI in apps/web, apps/gateway or packages/react-core — a component (not the route file that renders it), its user-facing strings, its Storybook story, or moving it into…

DouglasNeuroInformatics/OpenDataCapture

Classify a console screen (list/record/form), build it on @temps-sdk/ds templates and the shared shadcn primitives in @temps-sdk/ui, and follow the console's status vocabulary and status colour rules.

gotempsh/temps

54 production-quality design systems extracted from real websites.

Tommy-yw/RunbookHermes

Review UI code for Web Interface Guidelines compliance by the Vercel engineering team.

nexu-io/open-design

docs-site structure map for the oss-docs harness structure-curator: exact paths and schemas for hugo.toml, per-locale content/<locale/meta.yaml, data/menu/main.yaml (4-locale name maps + icon…

modu-ai/moai-adk

HARD i18n rules digest for the oss-docs harness specialists working on moai-adk-go README 4-locale set and the docs-site (adk.mo.ai.kr).

modu-ai/moai-adk

Guide for building, configuring, and deploying microfrontends on Vercel.

vercel/vercel-plugin

Vite + React for fast modern web development - build config, HMR, hooks, state management, and performance patterns When user works with Vite, React, creates components, manages state, uses hooks…

shepherdjerred/monorepo

Big-tech style (Stripe, Vercel, Apple) UI development. An agent skill from jh941213/my-cc-harness.

jh941213/my-cc-harness

React and Next.js performance playbook distilled from Vercel Engineering guidance.

majiayu000/spellbook

A skill your agent uses when building, reviewing or debugging a SolidJS app — signals, stores, effects, memos and resources, and JSX that compiles to real DOM with no virtual DOM.

ericrisco/rsc-harness

Reach for this skill when an HTML artifact — report, deck, brief, mockup, dashboard, proposal, spec, or landing page, whether the user already has it or you just generated it — needs to reach other…

ooiyeefei/ccc

Planning reference for rebuilding a small business website: page structure, copy voice, estimator widget, SEO requirements, form handling, DNS migration, and the no-code vs static-framework decision…

hewi333/Mom-n-Pop-Skills

Vercel React Best Practices workflow skill. An agent skill from diegosouzapw/awesome-omni-skills.

diegosouzapw/awesome-omni-skills

A skill your agent uses when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel.

nirholas/three.ws

IMPORTANT: Any change to React or Next.js code must read through this skill first.

benchflow-ai/skillsbench

Vercel's comprehensive UI guidelines for building accessible, performant web interfaces.

benchflow-ai/skillsbench

빅테크 스타일(Stripe, Vercel, Apple) UI 개발. An agent skill from jh941213/my-cc-harness.

jh941213/my-cc-harness

Web design guidelines and standards by the Vercel engineering team Use when the user asks for web design guidelines work, or mentions od, web, design.

criptogus/agent-evolve-network

Curated collection of 54 DESIGN.md files extracted from real developer-focused websites (Vercel, Stripe, Linear, Notion, Figma, etc.).

infometa/workbuddyskills

Expert UI/UX and React performance auditor (PinakBot persona).

sundial-org/awesome-openclaw-skills