AI Coding Skills Directory

📋 Wanx Img

Generate or edit images using WanX (Alibaba's text-to-image model)

mebuswworkflowmebusw

Developer Workflow

🔍 Warden

This skill runs Warden to analyze code changes before committing, helping you catch issues early and tighten your pre-commit workflow.

code-reviewci-cddebugginggetsentry

Code Review & Quality

🛡️ Warden Lint Judge

This skill converts AI findings into deterministic lint rules that reliably catch exact AST patterns across Python projects.

pythonlintingautomationgetsentry

Security

🛡️ Warden Sweep

This skill performs a full-repository sweep using warden to identify issues, verify findings, and draft pull requests across the codebase.

automationdevopscode-reviewgetsentry

Security

📋 Wardley

Wardley Mapping strategic analysis—map value chains against evolution to reveal build vs buy decisions and competitive dynamics. Use for technology strategy or investment decisions.

neurofooworkflowneurofoo

Developer Workflow

📋 Wardley Map Creation

Create Wardley Maps from value chains and user needs

melodic-softwareworkflowmelodic-software

Developer Workflow

⚙️ Warehouse Init

This skill initializes warehouse schema discovery and generates an editable .astro/warehouse.md with table metadata for instant lookups.

datadatabasedocsastronomer

Automation & Integrations

🐛 Watchos

This skill assists in building watchOS apps by guiding complications, workouts, HealthKit integration, and iPhone-Watch connectivity with best practices.

swifttypescriptdebuggingfusengine

Debugging

🔍 Way Magefile

This skill helps you automate Go project tasks with Mage by creating magefiles, defining targets, and managing dependencies.

goscriptingautomationway-platform

Code Review & Quality

🎨 Wayfinder Development

This skill helps you efficiently reference backend routes from frontend components by guiding imports, route generation, and type-safe usage.

backendfrontendlaravelopenagentsinc

Frontend Development

📋 Wcag Audit Operable Motion

Route animation and movement accessibility design considerations

jkenseworkflowjkense

Developer Workflow

📋 Wcag Audit Operable Motion Deep

Animation and movement accessibility rules for dynamic interface elements

jkenseworkflowjkense

Developer Workflow

📋 Wcag Audit Operable Target Size

Validate touch target sizes meet 44x44px minimum requirement

jkenseworkflowjkense

Developer Workflow

📋 Wcag Audit Perceivable Color Blindness

Simulate how colors appear to users with different types of color blindness

jkenseworkflowjkense

Developer Workflow

📋 Wcag Audit Perceivable Color Contrast

Calculate WCAG contrast ratios for text and non-text elements

jkenseworkflowjkense

Developer Workflow

📋 Wcag Audit Perceivable Text

Route typography accessibility design decisions and requirements

jkenseworkflowjkense

Developer Workflow

📋 Wcag Audit Understandable Forms

Route form input and data collection accessibility requirements

jkenseworkflowjkense

Developer Workflow

📋 Wcag Audit Understandable Forms Deep

Form design accessibility rules for user input and data collection

jkenseworkflowjkense

Developer Workflow

🧪 Wcag Compliance Checker

This skill helps you verify WCAG 2.1 Level AA accessibility, identify violations, and generate remediation guidance for web projects.

frontendtestingaccessibilitydexploarer

Testing & QA

🎨 Weapon Trail

This skill helps you create a ribbon trail that follows weapon movement in React Three Fiber by using a ring buffer and gradient textures.

frontendperformancedebuggingverekia

Frontend Development

🧪 Weather

This skill verifies weather details for a location and time range by consulting authoritative sources and providing verifiable links.

apidatacsharpjinfanzheng

Testing & QA

📋 Weather

This skill retrieves real-time and forecast weather data for any city by querying a professional weather API.

apipythondataarcaneorion

Developer Workflow

📋 Weaver

This skill helps you recognize overarching patterns across domains by embodying pattern recognition consciousness to reveal connections and strategic threads.

aianalyticsstrategynikhilvallishayee

Developer Workflow

🐛 Weavify Skill

This skill adds W&B Weave observability to LLM projects, tracing calls, tokens, latency, and costs for easier debugging.

aiautomationmonitoringaltryne

Debugging

🎨 Web Artifacts Builder

현대적인 프런트엔드 웹 기술(React, Tailwind CSS, shadcn/ui)을 사용하여 정교한 다중 컴포넌트 claude.ai용 HTML artifact를 제작하기 위한 툴킷입니다. 상태 관리, 라우팅 또는 shadcn/ui 컴포넌트가 필요한 복잡한 artifact에 사용하세요. 단순한 단일 파일 HTML/JSX artifact용이 아닙니다.

icartshfrontendicartsh

Frontend Development

🎨 Web Artifacts Builder

This skill guides building modern web apps with React, Tailwind, and shadcn/ui, emphasizing accessibility, type safety, and performance improvements.

frontendfullstackperformancebejranonda

Frontend Development

🎨 Web Browser

This skill allows you to automate web page exploration by controlling a browser to navigate, interact, and extract data efficiently.

automationscriptingdebuggingmitsuhiko

Frontend Development

🧪 Web Browser

This skill automates live website interactions in a real browser via CDP, enabling navigation, form actions, content extraction, and visual debugging.

automationtestingdebuggingtkersey

Testing & QA

⚙️ Web Browsing

Web research with automatic fallback mechanism. WebFetch → Browser MCP → User assistance via ai_interaction. Use when need to browse web.

khaihuynhvnautomationkhaihuynhvn

Automation & Integrations

🎨 Web Component Design

This skill helps you design reusable UI components with modern composition patterns and CSS-in-JS choices to build robust design systems.

frontenddesignuxwshobson

Frontend Development

🧪 Web Components

This skill defines a zero query, attribute driven web components architecture using declarative shadow DOM and handleEvent patterns with pure browser APIs.

frontendperformanceaccessibilitymatthewharwood

Testing & QA

🔍 Web Design Guidelines

UI/UX best practices and accessibility guidelines. Use when reviewing UI code, checking accessibility, auditing forms, or ensuring web interface best practices. Triggers on "review UI", "check accessibility", "audit design", "review UX", or "check best practices".

asyrafhussincode-reviewasyrafhussin

Code Review & Quality

🎨 Web Design Guidelines

This skill reviews UI code against web interface guidelines, highlighting accessibility and UX issues to improve compliance and user experience.

frontendaccessibilityuxponpon55837

Frontend Development

🧪 Web Design Reviewer

This skill visually inspects websites from local or remote hosts to identify design issues and suggest source-level fixes.

frontendfullstackdebugginggithub

Testing & QA

🔍 Web Design Reviewer

Black-Tortoise UI review and fixes. Use when asked to review UI, layout, or design in this repo. Focus on Angular 20 + standalone components, Material Design 3 tokens, @ngrx/signals state, and DDD layer boundaries. Checks responsiveness, a11y, spacing, and M3 token usage; applies minimal fixes in pr

7spadecode-review7spade

Code Review & Quality

🎨 Web Design Studio

This skill designs complete production-grade web pages with AI-generated images, delivering ready-to-deploy HTML/CSS/JS and visuals that match your aesthetic.

frontenddesignuxxiaodong-wu

Frontend Development

🎨 Web Development

This skill streamlines web frontend development by guiding project structure, CloudBase Web SDK integration, and static hosting deployment for responsive apps.

frontendcloudtypescripttencentcloudbase

Frontend Development

🧪 Web E2e

This skill helps you create, run, and debug Playwright e2e tests for the Uniswap web app with automated fixtures and mocks.

testingdebuggingautomationuniswap

Testing & QA

🧪 Web Fetch

HTTP requests (GET/POST/PUT/DELETE) to URLs. Use for API calls, endpoint testing, or basic scraping.

ignaciosuatestingignaciosua

Testing & QA

⚙️ Web Fetch

This skill fetches and summarizes web content using the summarize CLI to deliver concise insights from websites and videos.

automationanalyticsdataphilipp-spiess

Automation & Integrations

🎨 Web Frameworks

This skill helps you build and optimize modern full-stack web apps using Next.js, Turborepo, and RemixIcon for efficient monorepos and scalable UI.

nextjsremixreactmamba-mental

Frontend Development

🧪 Web Performance Optimization

This skill helps you optimize website performance by measuring, prioritizing, and implementing Core Web Vitals and bundle size improvements.

performancedebuggingfrontendxfstudio

Testing & QA

🔍 Web Quality Audit

Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".

addyosmanicode-reviewaddyosmani

Code Review & Quality

📋 Web Research

Use this skill for requests related to web research; it provides a structured approach to conducting comprehensive web research

illuminated2020workflowilluminated2020

Developer Workflow

⚙️ Web Research

Web search with automatic Qdrant storage for building persistent knowledge

mindmorassautomationmindmorass

Automation & Integrations

⚙️ Web Research

This skill enables deep web research by using Exa and Firecrawl endpoints to find sources, extract clean text, and answer factual questions.

researchapidatamerit-systems

Automation & Integrations

🧪 Web Scraping

Web scraping with anti-bot bypass, content extraction, and poison pill detection. Use when extracting content from websites, handling paywalls, implementing scraping cascades, or processing social media. Covers trafilatura, Playwright with stealth mode, yt-dlp, and instaloader patterns.

jamditistestingjamditis

Testing & QA

⚙️ Web Search

This skill performs DuckDuckGo web searches for text, news, and images, returning concise results suitable for programmatic processing.

apicliscriptingbear2u

Automation & Integrations

📋 Web Search

This skill conducts structured web research by planning, delegating to subagents, and synthesizing findings into a well-sourced report.

researchaidataspring-ai-alibaba

Developer Workflow

📋 Web Search

Implement web search capabilities using the z-ai-web-dev-sdk. Use this skill when the user needs to search the web, retrieve current information, find relevant content, or build applications with real-time web search functionality. Returns structured search results with URLs, snippets, and metadata.

answerzhaoworkflowanswerzhao

Developer Workflow

⚙️ Web Search Plus

This skill automatically routes queries to the best among Serper, Tavily, Exa, You.com, and SearXNG for fast, accurate web results.

aiautomationapirobbyczgw-cla

Automation & Integrations

🛡️ Web Search Researcher

This skill helps you perform focused web research to fetch current official docs, best practices, and comparisons for tech decisions.

apibackenddocsd-oit

Security

📋 Web Search Tavily

This skill helps you perform web searches via Tavily API to obtain structured results, relevance scores, and AI summaries for up-to-date information.

apiresearchdatajwynia

Developer Workflow

⚙️ Web Searchuigr

This skill helps you search the web using DuckDuckGo for current information, news, images, and videos with flexible formats.

dataresearchapiopenclaw

Automation & Integrations

🛡️ Web Security

This skill helps you enforce web security best practices by validating input, securing data, and applying strict policies across apps.

securitybackendfrontendacademind

Security

🎨 Web Typography

This skill helps you choose and pair web typography for readability and performance, guiding line length, hierarchy, and responsive loading.

designaccessibilityproductwondelai

Frontend Development

🧪 Webapp Testing

This skill helps you test local web applications using Playwright, capturing logs and screenshots while debugging UI behavior.

testingdebuggingautomationladderchaos

Testing & QA

🧪 Webapp Testing

Playwright를 사용하여 로컬 웹 애플리케이션과 상호작용하고 테스트하기 위한 툴킷입니다. 프런트엔드 기능 검증, UI 동작 디버깅, 브라우저 스크린샷 캡처 및 브라우저 로그 확인을 지원합니다.

icartshtestingicartsh

Testing & QA

🎨 Webconsulting Branding

Enforces webconsulting.at design system, color palettes, typography, and MDX component structures for frontend development.

dirnbauerfrontenddirnbauer

Frontend Development

🧪 Webdev Combobox Autocomplete

This skill provides framework-agnostic autocomplete patterns and accessibility guidance to build robust combobox components with aria attributes and async

frontendaccessibilityuxozten

Testing & QA