AI Coding Skills Directory

📋 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 Browser

This skill helps you browse web pages by controlling a Chrome browser via CDP to navigate, fill forms, and inspect elements.

automationdebuggingscriptinghqman

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 Fetch

This skill fetches web content and converts it to clean Markdown and PDF, including WeChat articles, with noise removal and image preservation.

backendautomationcontentjst-well-dan

Media & Content

🎨 Web Forms Vee Validate

This skill helps you implement Vue 3 forms with VeeValidate v4 using useForm, defineField, useField, and useFieldArray for robust validation.

vuetypescriptfrontendagents-inc

Frontend Development

🎨 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

Backend Development

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

🎨 Webdev Filter Query Builder

This skill helps build advanced, AST-based filter queries with type-aware operators and multi-format serialization for observability and analytics UIs.

pythonobservabilityanalyticsozten

Frontend Development

🎨 Webdev Token Input

This skill enables multi-value token input patterns with colon or comma triggers for tag inputs and filters, improving editing and suggestions.

frontenduxaccessibilityozten

Frontend Development

🎨 Webf Async Rendering

This skill helps you master WebF's async rendering by waiting for onscreen before measurement and applying layout-safe patterns.

frontendperformancedebuggingopenwebf

Frontend Development

🎨 Webf Infinite Scrolling

This skill enables building high-performance infinite scrolling lists with pull-to-refresh and load-more using WebFListView for smooth 60fps UI.

frontendperformancedebuggingopenwebf

Frontend Development

🎨 Webf Native Ui

This skill helps you accelerate iOS-style UI development by leveraging WebF Cupertino components for native Flutter performance and seamless React or Vue

frontenddesignperformanceopenwebf

Frontend Development

🎨 Webf Native Ui Dev

This skill helps you build native UI libraries for WebF by wrapping Flutter widgets into web elements with React and Vue support.

frontenduxapiopenwebf

Frontend Development

🧪 Webf Quickstart

This skill helps you quickly start WebF projects with Vite, set up WebF Go testing, and load your first app efficiently.

frontendtestingdebuggingopenwebf

Testing & QA

🎨 Webflow Browser Api

This skill helps you manage consent, track experiments, and personalize user experiences on Webflow using the Browser API.

analyticsfrontendapi224-industries

Frontend Development

🎨 Webflow Code Components

This skill helps you build, define, and import Webflow React code components using DevLink for seamless canvas integration.

reactfrontenddebugging224-industries

Frontend Development

🎨 Webflow Designer Api

This skill helps you work with the Webflow Designer API, guiding you through Designer Extensions or Playground workflows for rapid prototyping.

apifrontenddesign224-industries

Frontend Development

📊 Webflow Enterprise Api

This skill helps you manage Webflow Enterprise workspace and site configurations by listing, creating, updating, and deleting enterprise resources.

apibackendautomation224-industries

Productivity

🛡️ Webflow Webhooks

This skill helps you receive, verify, and process Webflow webhooks safely, enabling reliable handling of form submissions, CMS changes, and ecommerce events.

backendapisecurity224-industries

Security

📋 Webgpu Skill

Build WebGPU render and compute pipelines with portable best practices.

cazalaworkflowcazala

Developer Workflow

⚙️ Webhook

This skill helps you implement Stripe webhook endpoints that automatically sync events to PostgreSQL using stripe-sync-engine.

apibackendfullstackashutoshpw

Automation & Integrations