AI Coding Skills Directory

📋 Design Md

This skill analyzes Stitch projects and synthesizes a semantic design system into DESIGN.md to ensure new screens align with the existing design language.

designuxproductgoogle-labs-code

Developer Workflow

🧪 Design Motion Principles

Expert motion and interaction design auditor based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Use when reviewing UI animations, transitions, hover states, or any motion design work. Provides per-designer perspectives with context-aware weighting.

kylezantostestingkylezantos

Testing & QA

🔧 Design Patterns

This skill helps you apply software architecture and design patterns across layers, components, databases, and API design.

apibackenddesignmasanao-ohba

Backend Development

🧪 Design Patterns

This skill helps you apply design patterns to architect, refactor, and solve recurring problems with loose coupling and clear responsibilities.

designrefactorcode-reviewratacat

Testing & QA

📋 Design Postgres Tables

This skill helps you design robust PostgreSQL tables by applying best practices for keys, normalization, indexing, constraints, and data types.

databasesqldatatimescale

Developer Workflow

🎨 Design Principles

This skill helps you design consistent enterprise dashboards and SaaS interfaces by applying a 4px grid, typography, and color principles.

designuxfrontendsamhvw8

Frontend Development

🧪 Design Skeptic

This skill stress-tests design proposals by challenging assumptions and exposing failure paths, edge cases, and overengineering risks to improve robustness.

designtestingplanningshotaiuchi

Testing & QA

🧪 Design Sprint

This skill guides you through a five-day design sprint to validate ideas with real customers and a tested prototype.

designuxproductwdavidturner

Testing & QA

🧪 Design Style

This skill helps you design frontend interfaces by applying a specific design system prompt to build distinctive, production-ready UI.

frontenddesignuxnakanosanku

Testing & QA

🎨 Design System Analyzer

This skill analyzes any website's UI style using ChromeDevTools to extract CSS tokens, animations, and interaction states, then generates a design system

designuxfrontendnakanosanku

Frontend Development

🧪 Design System Generator

Generate a project-specific DESIGN_SYSTEM.md that enforces consistent UI/UX across SPAs, traditional server-rendered sites, and hybrid systems. Includes tokens, component rules, accessibility gates, and production asset/manifest guidance.

thienanblogtestingthienanblog

Testing & QA

🎨 Design System Patterns

This skill helps you design and manage design system tokens and components using Pencil patterns for consistent theming and scalable UI.

designuxfrontendgyejoon

Frontend Development

🎨 Design System Starter

This skill helps you design scalable design systems with tokens, components, documentation, and accessibility guidelines to ensure consistency and usability.

designuxaccessibilityariegoldkin

Frontend Development

🔎 Design Thinking

Design thinking methodology for human-centered problem solving. Use when facilitating design thinking workshops, user research sessions, or creative problem-solving activities.

doubleslashsesearchdoubleslashse

Search & Research

🧪 Design Tokens Skill

This skill helps you design, validate, and transform design tokens using DTCG specifications across color spaces and resolvers.

designaccessibilityproductilikescience

Testing & QA

🧪 Designer

This skill converts natural language app descriptions into production-ready DigitalOcean App Platform specifications and deploy templates.

devopscloudinfradigitalocean-labs

Testing & QA

🧪 Designing Apis

This skill helps you design robust REST and GraphQL APIs by outlining resources, endpoints, error handling, versioning, and documentation.

apibackenddesigncloudai-x

Testing & QA

🛡️ Designing Architecture

This skill helps you design software architectures and select patterns for projects, guiding structure, trade-offs, and scalable decisions.

backendapicloudcloudai-x

Security

🧪 Designing Sdks

This skill helps you design production-ready SDKs with robust error handling, retries, and pagination to accelerate API client development.

apidesignbackendancoleman

Testing & QA

🎨 Designing Systems

This skill helps you design scalable design systems using OKLCH colors, semantic CSS variables, and Tailwind v4 theming for consistent UX.

designuxfrontendfusengine

Frontend Development

🧪 Designing Tests

This skill helps you design and implement robust testing strategies across unit, integration, and end-to-end tests for any codebase.

testingunit-testsintegration-testscloudai-x

Testing & QA

🛡️ Designing Workflow Skills

This skill guides designing workflow-based Claude Code skills with multi-step phases, decision trees, and progressive disclosure to ensure robust routing and

automationaisecuritytrailofbits

Security

🧪 Desktop Agent

This skill enables desktop automation by controlling mouse, keyboard, and screen for efficient UI tasks across apps.

pythonscriptingautomationpatrickporto

Testing & QA

🛡️ Desktop App

This skill guides you in building cross-platform desktop apps with web technologies using Electron and Tauri, optimizing performance and security.

frontendfullstacksecuritypopup-studio-ai

Security

🐛 Desktop Commander

This skill helps you manage local files, run commands, and interact with REPLs using Desktop Commander for precise, verifiable automation.

scriptingcliautomationry-run

Debugging

🎨 Desktop Ui Design

This skill helps you design intuitive desktop interfaces by applying native widgets, platform conventions, and usability patterns to boost usability and

designuxaccessibilitydasien

Frontend Development

📋 Deslop

Remove AI-generated code slop from the current branch

v1-ioworkflowv1-io

Developer Workflow

🔍 Deslop

This skill removes AI generated slop from the current branch by cleaning comments, guards, and style inconsistencies.

refactorlintingcode-reviewbrianlovin

Code Review & Quality

🔍 Deslop

This skill removes AI-generated code slop from a branch by diffing with main and cleaning up comments, checks, and style inconsistencies.

code-reviewlintingrefactordavila7

Code Review & Quality

🎨 Desmos Graphing

This skill helps you create interactive Desmos graphs in Obsidian from code blocks, enabling visualizing functions, parametric curves, and inequalities with

frontendscriptingdocsbityoungjae

Frontend Development

🧪 Detect Ai

This skill analyzes text with the HumanizerAI API to determine AI authorship and present a clear, actionable score for publishing confidence.

aiapianalyticshumanizerai

Testing & QA

📋 Detect Fed Unamortized Discount Pattern

檢查聯準會持有證券的未攤銷折價（Unamortized Discounts）是否出現與特定歷史危機期間相似的走勢模板，並用多指標交叉驗證是否真的屬於「金融壓力升高」而非單純會計/利率效果。

fatfingererrworkflowfatfingererr

Developer Workflow

🐛 Detecting Memory Leaks

This skill helps you detect memory leaks and analyze usage patterns to optimize performance and stability in your Python applications.

performancedebugginganalyticsjeremylongshore

Debugging

🧪 Dev

This skill guides rolling Playwright dependencies, releasing, and repo maintenance to keep your dev workflow smooth and up to date.

devopsreleaseci-cdmicrosoft

Testing & QA

🧪 Dev

This skill empowers you to implement features by researching KB, following design specs, and maintaining atomic commits with proper documentation.

backendcode-reviewtestingtruongnat

Testing & QA

🧪 Dev

This skill orchestrates ultra-efficient end-to-end development with parallel tasks and 90% test coverage, delivering rapid, reliable backend routing and

automationbackendtestingcexll

Testing & QA

🧪 Dev Browser

This skill automates browser tasks and preserves page state across runs to navigate, fill forms, take screenshots, and extract data.

automationscriptingdebuggingsawyerhood

Testing & QA

🔍 Dev Kit Refine

This skill updates and consolidates .dev-kit/docs and .dev-kit/knowledge by validating against the codebase and generating a change report.

docswritingcontenttom555my

Code Review & Quality

🧪 Dev Kit Review

This skill reviews completed tickets by verifying implementation against user stories and acceptance criteria using code analysis tools.

code-reviewtestingdebuggingtom555my

Testing & QA

⚙️ Dev Kit Ticket

This skill generates structured tickets in .dev-kit/tickets from user requests, analyzes dependencies and prerequisites, and outlines ticket structure for

planningproductivitydocstom555my

Automation & Integrations

🧪 Dev Kit Work

This skill autonomously reads and implements tickets from .dev-kit/tickets, ensuring acceptance criteria are met and moved to completed when done.

automationbackendtestingtom555my

Testing & QA

🛡️ Dev Rules

This skill enforces global development rules across projects, ensuring consistent communication, architecture, and quality through coding, reviews, and

code-reviewsecurityperformancetacuchi

Security

🧪 Dev Scan

This skill gathers and summarizes diverse developer opinions from Reddit, HN, Dev.to, and Lobsters to reveal consensus, controversies, and notable perspectives.

communitydataanalyticsteam-attention

Testing & QA

⚙️ Dev Tasks Skills

This skill guides complex development workflows across multi-turn conversations, clarifying goals and organizing tasks and todos during execution.

aiautomationproductivitybentz

Automation & Integrations

🐛 Dev Terminal

Terminal/PTY automation with persistent sessions. Use to run and interact with TUI applications, debug terminal apps, automate CLI workflows, or any terminal interaction. Trigger phrases include "run the TUI", "start the app", "debug the terminal", "interact with", "send keys", "what's on screen".

parkerhancockdebuggingparkerhancock

Debugging

⚙️ Dev.Add License

This skill adds an Apache-2.0 LICENSE file to a repository, auto-filling copyright from git and updating package.json when present.

javascripttypescriptautomationkevinslin

Automation & Integrations

🛡️ Dev.Code

This skill guides you through structured JavaScript development, emphasizing quality, security, testing, and maintainable workflows for feature work and fixes.

javascripttestingsecuritykevinslin

Security

📝 Dev.Exec Plan

This skill generates a structured execution plan document with goals, context, technical approach, milestones, and risks for complex development tasks.

planningdocsbackendkevinslin

Documentation

⚙️ Dev.Gh

This skill helps you manage GitHub tasks efficiently with gh commands, including listing, viewing, and creating issues and pull requests.

cligitscriptingkevinslin

Automation & Integrations

📋 Devcontainer Setup

This skill creates pre-configured devcontainers with Claude Code and language tooling for Python, Node, Rust, or Go, enabling isolated, persistent development

devopspythongotrailofbits

Developer Workflow

📋 Devdocs Insights

This skill helps you convert UI/UX findings, research, and external references into actionable development requirements, preserving traceability and

uxdocsproductab300819

Developer Workflow

🔍 Devdocs Retrofit

This skill retrofits existing projects into the DevDocs workflow, enabling migration, standardization, and upgrading documentation with minimal disruption.

docsmigrationdevopsab300819

Code Review & Quality

🧪 Devdocs Test Cases

This skill designs test cases from requirements, generating UT/IT/E2E coverage and traceable matrices for QA planning.

testingunit-testsintegration-testsab300819

Testing & QA

⚙️ Develop Agent Skills

This skill helps you create or audit agent skills by guiding modular design, concise context, and referenced resources.

aiautomationdocsgwenwindflower

Automation & Integrations

🧪 Develop Ai Functions Example

This skill helps validate and demonstrate AI SDK functions by providing structured examples, tests, and fixtures across providers.

aitestingbackendvercel

Testing & QA

🐛 Developer Growth Analysis

This skill analyzes your Claude Code chats to reveal coding patterns, gaps, and personalized growth recommendations with actionable steps.

analyticsgrowthdatajst-well-dan

Debugging

🛡️ Developer Portal Generator

This skill helps you generate developer portals using Backstage or custom solutions, accelerating setup and ensuring consistent documentation and tooling.

devopsfrontendbackenddexploarer

Security

🧪 Developer Workflow

This skill streamlines monorepo development workflows by automating mise tasks, CI/CD, and migrations to boost productivity across multi-language apps.

devopsci-cdmigrationfirst-fluke

Testing & QA

🔍 Developing Openai Agents Sdk Agents

Build, create, debug, review, implement, and optimize agentic AI applications using the OpenAI Agents SDK for TypeScript. Use when creating new agents, defining tools, implementing handoffs between agents, adding guardrails, debugging agent behavior, reviewing agent code, or orchestrating multi-agen

mikekellycode-reviewmikekelly

Code Review & Quality

🎨 Developing Reactflow Ui

This skill helps you build node-based interfaces with React Flow by providing up-to-date guidance, type-safe patterns, and best-practice optimization.

frontendperformancedocsjeongsk

Frontend Development