AI Coding Skills Directory

🎨 Web Design Guidelines ✓

This skill reviews UI code against Web Interface Guidelines and outputs concise file:line findings to improve accessibility and consistency.

accessibilityfrontenddesignvercel-labs

Frontend Development64.2k

🎨 Frontend Design ✓

This skill helps you design production-grade frontend interfaces with bold aesthetics and polished code for components, pages, and apps.

frontenddesignuxanthropics

Frontend Development34.9k

🧪 Agent Browser ✓

This skill automates web navigation, form filling, and data extraction using browser interactions to boost testing and data gathering efficiency.

automationtestingclivercel-labs

Testing & QA7k

🛡️ 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

🛡️ Audit Website

Audit websites for SEO, performance, security, technical, content, and 15 other issue cateories with 150+ rules using the squirrelscan CLI. Returns LLM-optimized reports with health scores, broken links, meta tag analysis, and actionable recommendations. Use to discover and asses website or webapp i

squirrelscansecuritysquirrelscan

Security4.1k

🎨 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 ✓

This skill helps you discover and install relevant agent skills to extend capabilities when you ask how to do something.

aiautomationclivercel-labs

Productivity3.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

📱 Expo Deployment

This skill guides deploying Expo apps across iOS, Android, and web using EAS, automating builds, submissions, and hosting workflows.

ci-cddevopscloudexpo

Mobile Development2.6k

🔎 Pricing Strategy

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

strategyproductresearchcoreyhaines31

Search & Research2.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

📈 Baoyu Infographic

This skill generates publication-ready infographics by analyzing content and recommending optimal layout and style combinations across 20 layouts and 17 styles.

designdatamarketingjimliu

Marketing & SEO1.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

🐛 Using Superpowers

This skill ensures you invoke skills before any response to verify applicability and guide task execution.

aiautomationcliobra

Debugging1.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 ✓

This skill helps you design and implement Claude Code plugins by outlining agent structure, triggers, and system prompts for autonomous agents.

aiautomationdocsanthropics

Prompt Engineering1.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

🔎 Skill Lookup

This skill helps you discover, retrieve, and install reusable agent capabilities for Claude by searching and managing skills.

aiautomationdocsf

Search & Research1k

🛡️ Email Best Practices

This skill helps you implement email best practices for deliverability, compliance, and reliable sending across transactional and marketing emails.

marketingsecurityoperationsresend

Security1k

🎨 React Email

This skill helps you rapidly scaffold and preview React Email templates for transactional emails across clients.

reactfrontendtailwindresend

Frontend Development928

🎨 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

Marketing & SEO858

⚙️ 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

This skill helps you review frontend code efficiently by inspecting pending changes or targeted files using a comprehensive checklist for quality, performance,

frontendcode-reviewperformancelanggenius

Testing & QA751

📊 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

Productivity721

🛡️ 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

🛡️ Stripe Best Practices

This skill guides Stripe integration design using CheckoutSessions and APIs, ensuring up-to-date practices and safe migration paths for robust payments.

apibackendfrontendstripe

Security580

📊 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

Productivity569

⚙️ 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

This skill enhances website visibility by optimizing for AI and traditional search engines, generating schema, keyword insights, and actionable GEO tactics.

seoaimarketingresciencelab

Search & Research524

🛡️ 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

🛡️ Agent Nestjs Skills

NestJS best practices and architecture patterns for building production-ready applications. This skill should be used when writing, reviewing, or refactoring NestJS code to ensure proper patterns for modules, dependency injection, security, and performance.

kadajettsecuritykadajett

Security505

📝 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

🗄️ Obsidian Bases

This skill helps you create and edit Obsidian Bases (.base) files with views, filters, formulas, and summaries.

databasedataanalyticskepano

Data & Databases455

🧪 Karpathy Guidelines

This skill helps you apply Karpathy guidelines to coding tasks, prioritizing simplicity, surgical changes, and verifiable success criteria.

refactorcode-reviewtestingforrestchang

Testing & QA389

🧪 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

🎨 Web Perf

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

performancedebuggingfrontendcloudflare

Frontend Development304

🔍 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

📊 Claude Automation Recommender ✓

This skill analyzes a codebase and suggests Claude Code automations across hooks, subagents, skills, plugins, and MCP servers to optimize setup.

aiautomationproductivityanthropics

Productivity240

🎨 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

Backend Development215

🛡️ Elevenlabs Agents

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

aiautomationcloudjezweb

Security211

🎨 Color Palette

This skill generates complete, accessible color palettes from a brand hex, including 11-shade scales, semantic tokens, dark mode, and WCAG checks.

brandingdesignaccessibilityjezweb

Frontend Development206