AI Coding Skills Directory

🎨 Web Design Guidelines ✓

Reviews UI code against Web Interface Guidelines and outputs concise findings

vercel-labsagent-skillsfrontendvercel-labs

Frontend Development64.2k

🧪 Frontend Design ✓

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples inclu

anthropics

Testing & QA34.9k

⚙️ Agent Browser ✓

Automates web navigation, form filling, and data extraction using browser interactions

vercel-labsagent-browserautomationvercel-labs

Automation & Integrations7k

🛡️ Supabase Postgres Best Practices

This skill helps optimize Postgres queries, schemas, and configs with Supabase best practices to boost performance and security.

databasesqlperformancesupabase

Security4.4k

🎨 Next Best Practices ✓

This skill helps you apply Next.js best practices across routing, data handling, and optimization to improve reliability and performance.

frontendbackendperformancevercel-labs

Frontend Development3.8k

📋 Find Skills ✓

Discover and install relevant agent skills to extend AI coding capabilities

vercel-labsskillsworkflowvercel-labs

Developer Workflow3.3k

🎨 Upgrading Expo

This skill guides you through Expo SDK upgrades and dependency fixes, including diagnostics, prebuild considerations, and breaking changes.

migrationdocsdebuggingexpo

Frontend Development3.1k

📋 Pricing Strategy

This skill helps you craft value-based SaaS pricing, packaging, and monetization strategies that maximize growth and customer willingness to pay.

strategyproductresearchcoreyhaines31

Developer Workflow2.4k

📋 Baoyu Xhs Images

This skill generates Xiaohongshu infographic series with 10 visual styles and 8 layouts to optimize engagement for Chinese platforms.

social-mediadesignmarketingjimliu

Developer Workflow2k

🛡️ Create Auth

This skill guides you to add robust authentication in TypeScript/JavaScript apps using Better Auth across frontend, backend, and migrations.

backendfrontendfullstackbetter-auth

Security1.6k

📝 Writing Clearly And Concisely

This skill helps you write clear, concise human-facing prose by applying Strunk rules to documentation, messages, and UI text.

writingdocsaccessibilitysoftaworks

Documentation1.4k

🧪 Requesting Code Review

This skill helps you request timely code reviews to catch issues early, ensure requirements are met, and guide fixes before merging.

code-reviewgittestingobra

Testing & QA1.4k

🧪 Browser Use

This skill automates browser tasks across sessions for testing, form filling, screenshots, and data extraction to save time and boost accuracy.

aiautomationtestingbrowser-use

Testing & QA1.3k

⚙️ Agent Development ✓

Design and implement Claude Code plugins by outlining agent structure and capabilities

anthropicsclaude-codeautomationanthropics

Automation & Integrations1.1k

🎨 Mobile Android Design

This skill helps you master Material Design 3 and Jetpack Compose to build adaptive Android interfaces with accessible responsive layouts.

designuxaccessibilitywshobson

Frontend Development1.1k

🎨 Turborepo

This skill guides configuring Turborepo monorepos by enforcing package-scoped tasks, proper caching, and root delegation for optimal parallel builds.

devopsbackendfrontendvercel

Frontend Development923

🎨 Use Ai Sdk

This skill helps developers integrate and reason about the AI SDK to build agents, tools, and chat features efficiently.

aifrontendbackendvercel

Frontend Development882

⚙️ Prompt Lookup

This skill helps you discover, retrieve, and improve AI prompts using prompts.chat MCP tools for prompt templates and libraries.

aiwritingproductivityf

Automation & Integrations876

📋 Humanizer Zh

This skill helps you rewrite Chinese AI-generated text to sound more natural and human by removing traces while preserving meaning.

writingcopywritingcontentop7418

Developer Workflow858

⚙️ Ralph Tui Prd

This skill generates a detailed PRD for Ralph TUI task orchestration, guiding AI agents with structured user stories and acceptance criteria.

productplanningwritingsubsy

Automation & Integrations856

🎨 Baseline Ui

This skill enforces a consistent Baseline UI by guiding components to follow opinionated Tailwind and motion conventions with accessible primitives.

frontenddesignuxibelick

Frontend Development824

🔍 Frontend Code Review

Review frontend code efficiently by inspecting changes using a comprehensive checklist

langgeniusdifycode-reviewlanggenius

Code Review & Quality751

📋 Planning With Files

This skill implements Manus-style file-based planning to organize complex tasks, creating task_plan.md, findings.md, and progress.md for reliable session

planningproductivitydocsothmanadi

Developer Workflow721

🛡️ Code Reviewer

This skill guides you through professional code reviews, targeting local changes or remote PRs to improve correctness and maintainability.

code-reviewgittestinggoogle-gemini

Security611

⚙️ Youtube Clipper Skill

This skill analyzes YouTube subtitles to generate precise 2-5 minute chapters and outputs clip-ready, bilingual subtitles for quick editing.

aiautomationanalyticsop7418

Automation & Integrations569

⚙️ Obsidian Markdown

This skill helps you create and edit Obsidian Flavored Markdown with wikilinks, callouts, embeds, and frontmatter, ensuring valid notes.

docswritingproductivitykepano

Automation & Integrations564

🧪 Elysia

This skill guides building a type-safe, high-performance backend with ElysiaJS, covering routing, validation, authentication, plugins, and deployment.

backendapitypescriptelysiajs

Testing & QA557

🐛 Logging Best Practices

Logging best practices focused on wide events (canonical log lines) for powerful debugging and analytics

boristanedebuggingboristane

Debugging533

⚙️ SEO & GEO

Enhance website visibility by optimizing for AI search engines and traditional SEO

resciencelabopc-skillsautomationresciencelab

Automation & Integrations524

🛡️ Api Platform Filters

This skill helps define explicit Symfony API Platform contracts and filters, ensuring security, mapping, and validation align across operations.

apibackendsecuritymakfly

Security523

🧪 Nestjs Expert

This skill helps you design and implement modular NestJS backends with DI, DTOs, guards, and TypeORM or Prisma integration.

backendapidatabasejeffallan

Testing & QA523

🔍 Plugin Engineer

This skill transforms external repositories into Claude Code plugins by guiding discovery, analysis, and packaging into ready-to-use plugins.

cliautomationdevopsoutfitter-dev

Code Review & Quality523

🛡️ Project Setup

This skill guides you through initializing a new Firebase project with TypeScript, emulators, and architecture choices for a solid foundation.

backendclouddevops2389-research

Security523

📝 Notebooklm Skill

This skill lets you query NotebookLM notebooks from Claude Code and receive source-grounded, citation-backed answers drawn only from your uploaded documents.

aiautomationclipleaseprompto

Documentation490

🎨 Swiftui Ui Patterns

This skill helps you design and refactor SwiftUI interfaces using pattern-driven guidance for views, tabs, and component composition.

frontenddesignuxdimillian

Frontend Development481

✨ Karpathy Guidelines

Apply Andrej Karpathy coding principles prioritizing simplicity and clarity

forrestchangandrej-karpathy-skillspromptsforrestchang

Prompt Engineering389

🧪 Vue Best Practices

This skill helps you implement Vue 3 best practices with Composition API, TS, and structured components for maintainable, high-performance apps.

vuefrontendperformancevuejs-ai

Testing & QA354

🎨 Tailwind Css Patterns

This skill helps you implement Tailwind CSS development patterns for mobile-first, responsive layouts, design tokens, and component reuse to speed up UI work.

frontenddesignuxgiuseppe-trisciuoglio

Frontend Development342

🎨 Vite

This skill helps you configure Vite, optimize builds, and harness fast updates with TypeScript support and a rich plugin ecosystem.

frontendperformancecliantfu

Frontend Development340

🎨 Vueuse

This skill helps you leverage VueUse composables for reactive state, browser APIs, and sensors, reducing custom code and ensuring SSR safety.

frontendperformancedebuggingonmax

Frontend Development326

🔍 Swiftui Expert Skill

This skill helps you build, review, or improve SwiftUI code using state management, modern APIs, and performance best practices.

performancecode-reviewrefactoravdlee

Code Review & Quality298

🎨 Skills

This skill helps you create responsive HTML emails with React Email templates, enabling brand-driven designs across clients.

frontenddesignuxresend

Frontend Development286

📋 Code Simplifier

Simplifies and refines code for clarity, consistency, and maintainability while preserving all functionality. Focuses on recently modified code unless instructed otherwise.

simonwongworkflowsimonwong

Developer Workflow246

🎨 Skills

This skill helps you search and retrieve icons from Iconify libraries via a CLI and MCP server, speeding icon integration.

frontendapiclibetter-auth

Frontend Development227

📝 Prd

This skill generates a detailed PRD from a feature description, including clarifying questions and a structured document ready for deployment.

productplanningdocssnarktank

Documentation224

📋 News Aggregator Skill

This skill fetches real-time tech and finance news from multiple sources, analyzes content deeply, and delivers concise, insightful briefings.

aianalyticsdatacclank

Developer Workflow215

🛡️ Elevenlabs Agents

This skill helps you configure and troubleshoot ElevenLabs voice agents with RAG knowledge bases, tool integration, and secure deployment.

aiautomationcloudjezweb

Security211

🧪 Convex Best Practices

This skill helps you build production-ready Convex apps by applying best-practice patterns for function organization, validation, TypeScript usage, and error

backenddatabaseaiwaynesutton

Testing & QA201

🛡️ Postgres Patterns

This skill helps you optimize PostgreSQL queries, schemas, and security using best practices from Supabase, boosting performance and reliability.

databasesqlperformanceaffaan-m

Security190

🛡️ Auth Module Architecture

This skill helps you design and enforce RBAC-based auth architectures across IAM, OAuth, and resource permissions for BK-CI.

backendsecurityci-cdtencentblueking

Security183

🛡️ Code Review

This skill provides structured code review guidance, comprehensive checklists, and constructive feedback to improve functionality, security, performance, and

code-reviewsecurityperformancesmallnest

Security169

⚙️ Raffle Winner Picker

This skill selects random winners from lists, CSVs, Excel, or Google Sheets with cryptographic randomness and transparent results.

pythonautomationdatacomposiohq

Automation & Integrations160

🎨 Documentation Lookup

This skill fetches up-to-date library and framework documentation and provides accurate code examples for user questions.

frontendapidocsupstash

Frontend Development152

🔍 Git Workflow

This skill guides Git workflow for commits, branches, and pull requests, applying best practices to streamline collaboration and code quality.

gitscriptingcode-reviewagno-agi

Code Review & Quality145

⚙️ Linear

This skill helps you manage Linear issues, projects, and team workflows by reading, creating, and updating tickets efficiently.

automationproductivityplanningopenai

Automation & Integrations145

🛡️ Permission Model Change Guide

This skill guides users through IAM RBAC permission model changes, covering resource types, actions, migrations, and validation for safe rollout.

ci-cddevopssecuritytencentblueking

Security141

⚙️ Coze Api

This skill helps you integrate and operate the Coze AI API for chat and workflows, simplifying token setup, bot ID handling, and streaming choices.

aiapibackendsmallnest

Automation & Integrations136

📋 00 Bkci Global Architecture

This skill helps you understand BK-CI global architecture, orchestrate cross-module development, and plan architectural design across pipelines, modules, and

ci-cddevopsinfratencentblueking

Developer Workflow130

🎨 Slidev

This skill helps you create and edit Slidev presentations quickly by generating slides, applying frontmatter, layouts, and components.

frontendproductivitydocssmallnest

Frontend Development127

🎨 Web Perf

This skill analyzes web performance using Chrome DevTools MCP to reveal Core Web Vitals, render-blocking resources, and optimization opportunities.

performancedebuggingfrontendcloudflare

Frontend Development126