Best Claude skills for web development
Web development skills cover the full path from an empty folder to a deployed site: scaffolding, routing, data fetching, deployment to Vercel or Cloudflare, and even cloning an existing site as a starting point. They are ideal when you want the agent to own a whole feature end to end.
89 web development skills · ranked live · November 2026
The top 10. Ranked by the Alyn Score.
- 1#1
Anthropic
Skills
Anthropic
Webapp Testing
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and…
192k3.8MScore 90 - 2#2
affaan-m
Backend Patterns
Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes. Use when building or reviewing Node.js…
301k1.7MScore 89 - 3#3
Vercel
Agent Skills
Vercel
Vercel Optimize
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…
34k3.2MScore 86 - 4#4
wshobson
Agents
wshobson
Brand Landingpage
Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with…
42k2.6MScore 85 - 5#5
Vercel
Agent Skills
Vercel React View Transitions
Guide for implementing smooth, native-feeling animations using React's View Transition API (`` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill…
34k3.2MScore 84 - 6#6
Vercel
Agent Skills
Deploy To Vercel
Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview…
34k3.2MScore 82 - 7#7
davila7
AI Release Hunter
Daily digest of AI releases from Anthropic, Meta, Vercel Labs, OpenAI and Google GitHub repos, the Claude Cowork changelog, the claude.dev blog and Hacker News, deduplicated against a local…
33k285kScore 78 - 8#8
OpenAI
Skills
OpenAI
Netlify Deploy
Deploy web projects to Netlify using the Netlify CLI (`npx netlify`). Use when the user asks to deploy, host, publish, or link a site/repo on Netlify, including preview and production…
29k225kScore 78 - 9#9
Composio
Webapp Testing
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and…
79k160kScore 78 - 10#10
Jeffallan
Claude Skills
Jeffallan
Django Storages S3
Use when configuring Django to store static and media files on AWS S3 with django-storages. Invoke when working with the STORAGES setting, S3 buckets, presigned URLs, CloudFront, or…
12k457kScore 77
What makes a great web development skill.
Deployment steps for the host you actually use.
A checklist for SEO basics, metadata and performance budgets.
Scripts that verify the build instead of trusting the agent's word.
All 89 web development skills.
Cloudflare
Skills
Cloudflaresandbox-stable
Build or maintain Cloudflare Sandbox apps on the stable @cloudflare/sandbox package. Use sandbox-next for preview apps and sandbox-migrate-to-next for stable-to-preview migrations.
Cloudflare
Skills
Cloudflareweb-perf
Audit, diagnose, or optimize website loading and interaction performance, Core Web Vitals, and Lighthouse performance scores.
Cloudflare
Skills
Cloudflareworkers-best-practices
Cloudflare Workers best practices for production applications. Use when writing, reviewing, or configuring Workers.
Cloudflare
Skills
Cloudflarewrangler
Run or troubleshoot Wrangler CLI commands in projects that have a wrangler.jsonc, wrangler.json, or wrangler.toml file, including local development, Previews, deployment, and resource…
Cloudflare
Skills
Cloudflaregateway-workers
Build, debug, or review Cloudflare Workers invoked by the Forward action in Gateway HTTP policies, including the GatewayMiddleware entrypoint, Gateway types, context, and continuation.
Cloudflare
Skills
Cloudflarebasin
Build and troubleshoot Cloudflare Basin analytics workflows with Basin Pipelines, Basin Catalog, and Basin SQL. Use for streaming data into R2 Iceberg tables, managing catalogs, or querying…
Cloudflare
Skills
Cloudflarenextjs-on-cloudflare
Build, migrate, and deploy Next.js apps on Cloudflare Workers with vinext. Use when starting a Next.js project on Cloudflare, moving an existing app to Workers, choosing between vinext and…
Cloudflare
Skills
Cloudflareworkers-development
Run, inspect, and debug Cloudflare Workers during local development with cf dev, wrangler dev, or the Cloudflare Vite plugin, using Local Explorer to read and seed binding data and query…
Cloudflare
Skills
Cloudflarek2
Build and troubleshoot Cloudflare K2 or K2 Streams durable logs. Use for stream setup, producing from Workers or HTTP, configuring retention and inputs, and consuming through subscriptions.
Cloudflare
Skills
Cloudflareworkers-profiling
Profile or debug CPU usage and memory allocation in deployed Cloudflare Workers and Durable Objects. Then use this information to optimize your code.
Jakeschincariol
Replica Skill
Jakeschincariolreplica-launch
Writes the launch for an app clone: the landing page built on the positioning angle, pricing set against the original's public pricing and its users' complaints, and the App Store and…
Jakeschincariol
Replica Skill
Jakeschincariolreplica-recon
Reverse-engineers any app into a recon map: screen inventory, user flows, component list, inferred data model and a feature matrix, from public pages, screenshots, app store listings, help…
Jakeschincariol
Replica Skill
Jakeschincariolreplica-test
Clicks through every flow of an app clone and tests it for bugs: a test plan generated from the recon flows with happy paths and edge cases, Playwright end-to-end tests where possible, a…
Jakeschincariol
Replica Skill
Jakeschincariolreplica-architect
Plans the stack, database schema and API for an app clone, from the recon map replica-recon wrote. Picks boring, managed tech, turns the inferred data model into real SQL with indexes and…
Jakeschincariol
Replica Skill
Jakeschincariolreplica-backend
Builds the backend of an app clone: auth, database migrations and access rules, payments with Stripe, email, background jobs and third-party integrations through official APIs only, plus a…
Jakeschincariol
Replica Skill
Jakeschincariolreplica-deploy
Ships an app clone live on the user's own domain: a preflight gate (tests green, parity must-haves done, rebrand sweep clean, listing linted, legal pages up), production database and env…
Jakeschincariol
Replica Skill
Jakeschincariolreplica-build
Rebuilds an app screen by screen from the recon map: app shell first, then the core flow as a vertical slice, then every screen with all its states, ticking off the feature matrix as it…
Web development skills, explained.
Also searched as: web development skills, full stack claude skills, website builder skill, deploy skill.
What are the best Claude skills for web development?
Right now the top-ranked web development skills on Alyn are Webapp Testing (Anthropic), Backend Patterns (affaan-m), Vercel Optimize (Vercel). Rankings combine GitHub stars, installs, freshness and depth, and update live.
What are the best Claude skills for building websites?
Vercel's agent skills, Cloudflare's skills and website cloners like ai-website-cloner-template rank highest. Pair them with a design skill for the look.
Are web development skills free?
Every skill listed on Alyn is open source on GitHub. Check each repository's license before using it commercially.
How do I install a web development skill?
Run npx skills add owner/repo in your project, or copy the folder with SKILL.md into ~/.claude/skills. Every skill on this page has a ready-to-copy command.
More in Build
Web development skills for your agent