Image
Skills MCP Learn Benchmarks Tools News
Learn · Skills

AI Coding Skills Directory

Hand-picked SKILL.md files for Cursor, Claude Code, Codex and every major agent. Browse by category, sort by stars, install in seconds.

Featured

Frontend Design ImageAnthropic Pushes agents toward distinctive, production-grade UI with bold typography and creative layouts instead of generic AI slop. 145k ↗ shadcn/ui Imageshadcn/ui Adds and customizes shadcn/ui components the right way, from installation to theming and composition with Tailwind. 115k ↗ React Best Practices ImageVercel Labs Modern React patterns from Vercel for component structure, disciplined hooks, performance, and avoiding common pitfalls. 27k ↗ Supabase Postgres Best Practices ImageSupabase Best practices for Postgres on Supabase covering schema design, row-level security, indexing, and fast queries. 2.2k ↗
Categories
Image Canvas Design Anthropic anthropics/skills Turns an aesthetic brief into gallery-quality PDF or PNG artwork, building a design philosophy first and expressing it visually. Design & UI/UX 20d ago 146k
Image Frontend Design Anthropic anthropics/skills Pushes agents toward distinctive, production-grade UI with bold typography and creative layouts instead of generic AI slop. Front-endDesign & UI/UX 20d ago 145k
Image Web App Testing Anthropic anthropics/skills Drives reliable end-to-end and integration testing of web apps, with patterns for flake-free assertions and setup. Testing & QAFront-end 20d ago 145k
Image shadcn/ui shadcn/ui shadcn-ui/ui Adds and customizes shadcn/ui components the right way, from installation to theming and composition with Tailwind. Front-endDesign & UI/UX 17d ago 115k
Image Git Commit GitHub github/awesome-copilot Writes clear, conventional git commit messages that summarize changes and keep history readable. Git & PRs 20d ago 34k
Image Turborepo Vercel vercel/turborepo Sets up and optimizes Turborepo monorepos with fast task pipelines, caching, and clean workspace organization. DevOps & CI/CD 17d ago 30k
Image React Best Practices Vercel Labs vercel-labs/agent-skills Modern React patterns from Vercel for component structure, disciplined hooks, performance, and avoiding common pitfalls. Front-end 17d ago 27k
Image Web Design Guidelines Vercel Labs vercel-labs/agent-skills Opinionated web design guidance covering layout, spacing, typography, and visual hierarchy for polished interfaces. Design & UI/UXFront-end 17d ago 27k
Image Composition Patterns Vercel Labs vercel-labs/agent-skills React composition patterns for building flexible, reusable component APIs without prop drilling or over-abstraction. Front-end 17d ago 27k
Image Deploy to Vercel Vercel Labs vercel-labs/agent-skills Guides agents through configuring and deploying projects to Vercel, including build settings and environment setup. DevOps & CI/CD 17d ago 27k
Image React View Transitions Vercel Labs vercel-labs/agent-skills Implements smooth view transitions in React apps using the View Transitions API for native-feeling navigation. Front-end 17d ago 27k
Image Vercel CLI with Tokens Vercel Labs vercel-labs/agent-skills Automates the Vercel CLI using access tokens for non-interactive, CI-friendly deployments and project management. DevOps & CI/CD 17d ago 27k
Image AI SDK Vercel vercel/ai Builds with the Vercel AI SDK using streaming, tool calling, structured output, and clean provider integration. AI & AgentsBack-end & APIs 17d ago 25k
Image Design MD Google Labs Code google-labs-code/stitch-skills Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. Design & UI/UXAI & Agents 14d ago 6k
Image Enhance Prompt Google Labs Code google-labs-code/stitch-skills Transform vague UI ideas into polished, Stitch-optimized prompts with design system context. Design & UI/UXAI & Agents 14d ago 6k
Image Stitch Loop Google Labs Code google-labs-code/stitch-skills Build websites iteratively with Stitch using an autonomous baton-passing loop across agent runs. Design & UI/UXFront-endAI & Agents 14d ago 6k
Image Code Review Cloudflare cloudflare/cloudflare-docs Cloudflare’s code review skill, with structured guidance for catching issues and enforcing conventions. Code Review 10d ago 4.8k
Image Gemini API Dev Google Gemini google-gemini/gemini-skills Builds applications with Gemini models for multimodal content, function calling, and structured outputs across Python, JavaScript, Go, and Java. AI & AgentsBack-end & APIs 29d ago 3.6k
Image Supabase Postgres Best Practices Supabase supabase/agent-skills Best practices for Postgres on Supabase covering schema design, row-level security, indexing, and fast queries. Back-end & APIsData & ML 22d ago 2.2k
Image Supabase Supabase supabase/agent-skills Builds on the Supabase platform by wiring auth, database, storage, and edge functions together correctly. Back-end & APIs 22d ago 2.2k
Image Cloudflare Cloudflare cloudflare/skills Builds on the Cloudflare developer platform, wiring up Workers, bindings, and the core services correctly. DevOps & CI/CDBack-end & APIs 2mo ago 1.7k
Image Wrangler Cloudflare cloudflare/skills Drives the Wrangler CLI for configuring, developing, and deploying Cloudflare Workers projects. DevOps & CI/CD 2mo ago 1.7k
Image Workers Best Practices Cloudflare cloudflare/skills Best practices for Cloudflare Workers, covering bindings, request handling, and patterns that hold up in production. DevOps & CI/CDBack-end & APIs 2mo ago 1.7k
Image Web Performance Cloudflare cloudflare/skills Improves real-world web performance with Core Web Vitals, smart loading, and edge-aware delivery on Cloudflare. Front-endDevOps & CI/CD 2mo ago 1.7k
Image WordPress Plugin Development WordPress WordPress/agent-skills Guides agents through building WordPress plugins the right way, with hooks, security, and the platform's coding standards. Back-end & APIs 22d ago 1.6k
Image Stripe Best Practices Stripe stripe/ai Best practices for integrating Stripe payments, webhooks, idempotency, and the secure handling of secrets. Back-end & APIsSecurity 21d ago 1.6k
Image Upgrade Stripe Stripe stripe/ai Guides safe upgrades of the Stripe SDK and API version, handling breaking changes and migration steps. Back-end & APIs 21d ago 1.6k
Image Figma Use Figma figma/mcp-server-guide Runs JavaScript in Figma files through the Plugin API via use_figma, with references for design systems, components, and variables. Design & UI/UXFront-end 1mo ago 1.6k
Image Implement Design Figma figma/mcp-server-guide Translates Figma designs into production-ready code with pixel-perfect accuracy using the Figma MCP server and design tokens. Design & UI/UXFront-end 1mo ago 1.6k
Image Figma Generate Design Figma figma/mcp-server-guide Builds screens and multi-section views in Figma by reusing published design system components instead of drawing primitives. Design & UI/UX 1mo ago 1.6k
Image Figma Generate Library Figma figma/mcp-server-guide Builds professional design systems in Figma that match code, with phased workflows for variables, variants, and tokens. Design & UI/UX 1mo ago 1.6k
Image Figma Design System Rules Figma figma/mcp-server-guide Generates project-level design system rules so AI agents follow your team's conventions when implementing Figma designs. Design & UI/UXDocumentation 1mo ago 1.6k
Image Azure AI Microsoft microsoft/azure-skills Connects agents to Azure AI services for search, speech, OpenAI models, and document intelligence through MCP, CLI, and SDK access. AI & AgentsBack-end & APIs 16d ago 1.1k
Image Microsoft Foundry Microsoft microsoft/azure-skills Builds on Microsoft Foundry for deploying and managing AI models and agent workflows on Azure. AI & AgentsDevOps & CI/CD 17d ago 1.1k
Image Next.js Best Practices Vercel Labs vercel-labs/next-skills Best practices for building Next.js apps with the App Router, server components, data fetching, and smart rendering. Front-endBack-end & APIs 1mo ago 895
Image Next.js Cache Components Vercel Labs vercel-labs/next-skills Patterns for caching and revalidation in Next.js, getting component-level caching and freshness right. Front-endBack-end & APIs 1mo ago 895
Image Security Review Sentry getsentry/skills Finds exploitable security vulnerabilities in code, reporting only high-confidence issues with attacker-controlled input. SecurityCode Review 14d ago 776
Image Code Simplifier Sentry getsentry/skills Simplifies code for clarity and maintainability while preserving exact behavior, following project standards from CLAUDE.md. Code Review 14d ago 776
Image Find Bugs Sentry getsentry/skills Reviews branch diffs for bugs, security issues, and code quality problems with structured attack surface mapping. SecurityTesting & QACode Review 14d ago 776
Image Code Review Sentry getsentry/skills Reviews code changes for runtime errors, performance, security vulnerabilities, and design issues following Sentry project standards. Code ReviewSecurity 14d ago 776
Image Terraform Style Guide HashiCorp hashicorp/agent-skills Generates and maintains Terraform code following HashiCorp's official style conventions and best practices. DevOps & CI/CDBack-end & APIs 21d ago 654
Image Terraform Test HashiCorp hashicorp/agent-skills Tests Terraform configurations with the built-in framework, using run blocks, assertions, and mock providers without touching production state. DevOps & CI/CDTesting & QA 21d ago 654
Image Terraform Stacks HashiCorp hashicorp/agent-skills Provisions infrastructure at scale with Terraform Stacks, orchestrating components and deployments across environments and regions. DevOps & CI/CD 21d ago 654
Image Terraform Search Import HashiCorp hashicorp/agent-skills Discovers existing cloud resources with declarative queries and generates config for bulk import into Terraform state. DevOps & CI/CDBack-end & APIs 21d ago 654
Image PlanetScale MySQL PlanetScale planetscale/database-skills Builds on PlanetScale MySQL with safe schema changes, branching, and query patterns tuned for scale. Data & MLBack-end & APIs 3mo ago 470
Image PlanetScale Postgres PlanetScale planetscale/database-skills Builds on PlanetScale Postgres with sound schema design, branching, and production-ready query patterns. Data & MLBack-end & APIs 3mo ago 470
Image ClickHouse Best Practices ClickHouse ClickHouse/agent-skills Best practices for ClickHouse, covering schema design, efficient queries, and getting real performance out of the columnar engine. Data & MLBack-end & APIs 23d ago 451
Image Firecrawl Firecrawl firecrawl/cli Scrapes and crawls the web with Firecrawl, turning pages into clean, structured data agents can use. Data & MLAI & Agents 17d ago 429
Image Shopify Admin Shopify Shopify/shopify-ai-toolkit Works with the Shopify Admin API to manage products, orders, and store data programmatically. Back-end & APIs 21d ago 354
Image Shopify Dev Shopify Shopify/shopify-ai-toolkit Builds Shopify apps and storefronts, covering app setup, APIs, and the platform's development workflow. Back-end & APIsFront-end 21d ago 354
Image Shopify Liquid Shopify Shopify/shopify-ai-toolkit Writes Shopify Liquid templates correctly, covering theme structure, objects, and rendering logic. Front-end 21d ago 354
Image Firebase Basics Firebase firebase/agent-skills Core Firebase setup and usage, covering project config, SDK initialization, and the foundational services. Back-end & APIs 20d ago 323
Image Firebase Auth Basics Firebase firebase/agent-skills Implements Firebase Authentication with providers, session handling, and properly secured access in your app. Back-end & APIsSecurity 20d ago 323
Image Firebase Hosting Basics Firebase firebase/agent-skills Deploys and configures Firebase Hosting for static and dynamic content, with rewrites and custom domains. DevOps & CI/CD 20d ago 323
Image Firebase App Hosting Basics Firebase firebase/agent-skills Uses Firebase App Hosting for full-stack frameworks, handling build, deploy, and runtime configuration. DevOps & CI/CDBack-end & APIs 20d ago 323
Image Firestore Firebase firebase/agent-skills Firestore data modeling and access patterns across collections, queries, security rules, and indexing. Back-end & APIsData & ML 20d ago 323
Image Text to Speech ElevenLabs elevenlabs/skills Adds natural text-to-speech with the ElevenLabs API, covering voices, streaming, and audio output. AI & AgentsBack-end & APIs 29d ago 319
Image Speech to Text ElevenLabs elevenlabs/skills Transcribes audio with the ElevenLabs speech-to-text API, handling uploads, streaming, and output formats. AI & AgentsBack-end & APIs 29d ago 319
Image Sanity Best Practices Sanity sanity-io/agent-toolkit Best practices for Sanity, covering schema modeling, GROQ queries, and structured content done well. Back-end & APIsFront-end 21d ago 146
Image Resend Resend resend/resend-skills Sends transactional email with Resend, covering API setup, templates, and reliable delivery. Back-end & APIs 21d ago 125
Image Neon Postgres Neon neondatabase/agent-skills Builds on Neon serverless Postgres with smart connection handling, branching, and serverless-friendly queries. Back-end & APIsData & ML 28d ago 65
Image Clerk Clerk clerk/skills Routes authentication tasks to the right Clerk skill based on your framework, SDK version, and use case. SecurityAI & Agents 17d ago 46
Image Clerk Custom UI Clerk clerk/skills Builds custom sign-in and sign-up flows and themes for Clerk's pre-built components with version-aware hook patterns. Front-endDesign & UI/UX 17d ago 46
Image Clerk Setup Clerk clerk/skills Sets up Clerk authentication for your stack, from env vars and providers to middleware and migration from other auth tools. SecurityBack-end & APIs 17d ago 46
Image Clerk Next.js Patterns Clerk clerk/skills Covers advanced Next.js auth with Clerk, including middleware strategies, Server Actions, API routes, and user-scoped caching. Front-endBack-end & APIs 17d ago 46
Image Clerk Webhooks Clerk clerk/skills Implements verified Clerk webhook handlers for user sync, notifications, and lifecycle events without brittle synchronous flows. Back-end & APIsSecurity 17d ago 46
Image Clerk Testing Clerk clerk/skills Tests Clerk auth in Playwright and Cypress with proper session isolation, testing tokens, and storageState patterns. Testing & QA 17d ago 46
Image Clerk Backend API Clerk clerk/skills Calls the Clerk Backend API safely with scope checks, secret key validation, and guardrails before every write request. Back-end & APIsSecurity 17d ago 46
Image Prisma Database Setup Prisma prisma/skills Sets up Prisma in a project, from schema definition and datasource configuration to the initial migration. Back-end & APIsData & ML 3mo ago 38
Image Prisma Client API Prisma prisma/skills Uses the Prisma Client correctly for queries, relations, transactions, and type-safe data access. Back-end & APIsData & ML 3mo ago 38
Image Prisma CLI Prisma prisma/skills Drives the Prisma CLI through migrations, generation, introspection, and everyday database workflow commands. Back-end & APIsDevOps & CI/CD 3mo ago 38
Image Prisma Postgres Prisma prisma/skills Uses Prisma with Postgres, covering provider setup, Postgres-specific features, and production configuration. Back-end & APIsData & ML 3mo ago 38
Image Modern CSS Official Web Developer webdeveloperhq/skills Native nesting, container queries, :has(), scroll-driven animations, oklch colors, and CSS layers. Front-endDesign & UI/UX 2mo ago 0
Image Components Official Web Developer webdeveloperhq/skills Semantic HTML, ARIA widget patterns, native dialog and Popover API, progressive enhancement, BEM naming. Front-end 2mo ago 0
Image Performance Official Web Developer webdeveloperhq/skills Core Web Vitals (LCP, INP, CLS), resource hints, image optimization, Speculation Rules API. Front-end 2mo ago 0
Image Design Tokens Official Web Developer webdeveloperhq/skills Design tokens, spacing/type/color scales, dark/light theming, motion tokens. Front-endDesign & UI/UX 2mo ago 0
Image SEO Official Web Developer webdeveloperhq/skills JSON-LD structured data, meta tags, canonical URLs, sitemaps, Open Graph, mobile-first patterns. Front-endDocumentation 2mo ago 0
Image Accessibility Official Web Developer webdeveloperhq/skills WCAG 2.2 AA, keyboard navigation, focus management, contrast, screen reader patterns. Front-end 2mo ago 0
Image Pre-Deploy Review Official Web Developer webdeveloperhq/skills 26-point pre-deploy checklist: error handling, debug artifacts, responsive design, form validation, loading states. Code Review 2mo ago 0
Image Security Review Official Web Developer webdeveloperhq/skills Security audit: XSS prevention, input sanitization, secret exposure, CSP, CORS, auth tokens, CSRF. Code ReviewSecurity 2mo ago 0
Image Testing Review Official Web Developer webdeveloperhq/skills Behavior-first testing, edge cases, accessibility contract tests, form flows, mocking at the network boundary. Code ReviewTesting & QA 2mo ago 0

No skills match your filters.

GitHub stars as of 2026-06-08. 81 skills listed.

The directory

Hand-picked AI coding skills.

Front-end, back-end, testing, infra, and security.

01

What makes the list

  • Hand-picked. A human chooses every entry. Built for developers, nothing else.
  • Open source. Each skill is a public repo with a real SKILL.md and an open license.
  • Honest signals. GitHub stars for context. No install counts, votes, or numbers we can’t stand behind.
02

What you can trust

  • Pinned to a version. The SKILL.md you read is the exact one you copy.
  • No surprise edits. Stars, license, and dates only change when we review an update.
  • Linked to the source. Every listing points to the original repo, so you can verify it yourself.

Independent directory. Web Developer is not affiliated with the skills’ authors or their employers. Skills are third-party code your agent will execute. Always review the SKILL.md and source repository before installing.

STATUS ● BUILDING THE FUTURE
MISSION MAKE AI SHIP BETTER CODE.
VERSION BETA 3.0
Image

MAKE AI SHIP BETTER CODE.

@WEBDEVELOPERHQ ↗
TERMS / PRIVACY
FRIENDS
Authentic Jobs
Authentic Jobs ↗
Web Reference
Web Reference ↗
Ready.dev
Ready.dev ↗
Design.dev
Design.dev ↗
© 2026 WEB DEVELOPER / ALL RIGHTS RESERVED
Advertisement
Advertisement