AI Coding Skills Directory

📋 Vscode Theme

Generate VSCode color themes, package them as .vsix files, and install to VSCode. Use when creating custom VSCode themes, designing color schemes, or when the user mentions VSCode theme, color theme, dark theme, or light theme.

jugyoworkflowjugyo

Developer Workflow

⚙️ Vsl Script

This skill writes complete, emotionally charged VSL scripts using John Benson and Caleb O'Dowd methods to maximize conversions.

marketingcopywritingadsmikefilsaime-groove

Automation & Integrations

🧪 Vue

This skill helps you develop Vue 3 components and composables by applying Composition API patterns, props/emits guidance, and VueUse integration.

frontendtestingdebuggingonmax

Testing & QA

🎨 Vue

This skill helps you build Vue components with the Composition API, reactivity, and TypeScript via script setup and best practices.

frontendscriptingperformanceantfu

Frontend Development

🧪 Vue Best Practices

This skill helps you apply Vue.js best practices across projects, guiding composition API usage, SFC structure, and data flow for maintainable apps.

vuenuxtfrontendserkodev

Testing & QA

🎨 Vue Best Practices

This skill helps you optimize Vue apps by applying performance patterns across reactivity, components, and composition API for faster, maintainable code.

frontendperformancecode-reviewvinayakkulkarni

Frontend Development

🧪 Vue Best Practices

Vue 3 and Vue.js best practices for TypeScript, vue-tsc, Volar, and component patterns. Use when writing, reviewing, or refactoring Vue 3 components with TypeScript, configuring Volar/vueCompilerOptions, extracting component types, working with defineModel/withDefaults, setting up Pinia store tests,

ejirocodestestingejirocodes

Testing & QA

🧪 Vue Best Practices

Comprehensive Vue 3 development best practices, TypeScript configuration, tooling troubleshooting, testing patterns, and composition API gotchas. Covers vue-tsc, Volar, Vite configuration, Vue Router typing, component testing, reactivity patterns, and SFC features. Use when working with Vue 3 + Type

dedsiteamtestingdedsiteam

Testing & QA

🧪 Vue Best Practices

This skill helps you write and review Vue components with TypeScript by enforcing best practices, types extraction, and Volar-compatible checks.

frontendcode-reviewrefactorantfu

Testing & QA

🧪 Vue Composables

This skill helps you implement Vue 3 composables with localStorage persistence in Nuxt 4, enabling progress, quizzes, and certificates.

frontenddevopsproductivityfawzymohamed

Testing & QA

🎨 Vue Composition Api

This skill helps you implement Vue 3 Composition API patterns in components using script setup, refs, reactive, and computed for robust state management.

frontenddebuggingperformanceoro-ad

Frontend Development

🎨 Vue Debug Guides

This skill helps you diagnose and fix Vue 3 runtime errors, warnings, and hydration issues with actionable debugging guidance.

vuedebuggingfrontendvuejs-ai

Frontend Development

🧪 Vue Development Guides

This skill guides Vue.js developers in applying best practices from the Vue development guides to plan, refactor, and review Vue or Nuxt projects.

frontendrefactorcode-reviewvuejs-ai

Testing & QA

📋 Vue Expert

Vue.js best practices expert. PROACTIVELY use when working with Vue 3, Composition API, Pinia, Nuxt. Triggers: vue, composition API, pinia, nuxt, .vue files

nguyenthienthanhworkflownguyenthienthanh

Developer Workflow

🎨 Vue Jsx Best Practices

This skill helps you apply Vue JSX best practices and distinguish Vue JSX from React JSX for smoother migration and fewer attribute errors.

frontenddebuggingmigrationvuejs-ai

Frontend Development

🎨 Vue Options Api Best Practices

This skill helps you apply Vue 3 Options API best practices with TypeScript integration and common gotchas, improving type safety and maintainability.

frontenddebuggingdocsvuejs-ai

Frontend Development

🧪 Vue Pinia

This skill helps you master Pinia state management in Vue by guiding store design, actions, getters, plugins, and persistence.

frontenddebuggingtestingpluginagentmarketplace

Testing & QA

🧪 Vue Pinia Best Practices

This skill helps you implement Pinia best practices and avoid common gotchas for scalable state management in Vue 3 applications.

frontenddebuggingrefactorvuejs-ai

Testing & QA

🧪 Vue Router

This skill helps you master Vue Router configuration, guards, and lazy loading to build robust, scalable navigation for SPAs.

frontenduxperformancepluginagentmarketplace

Testing & QA

🎨 Vue Router Best Practices

This skill helps you implement Vue Router 4 best practices, guards, and lifecycle patterns for robust and maintainable navigation.

frontenddebuggingperformancevuejs-ai

Frontend Development

🧪 Vue Testing Best Practices

This skill helps you implement Vue 3 testing practices with Vitest, Vue Test Utils, and Playwright to improve reliability and maintainability.

frontendtestingunit-testsvuejs-ai

Testing & QA

🔍 Vue2 Best Practices

This skill guides maintaining Vue 2 projects with standardized Options API, safer mixins, and prepared migration steps to Vue 3, improving stability.

vuemigrationrefactorlong36708

Code Review & Quality

🎨 Vue3 Best Practices

This skill helps you apply Vue 3 performance best practices and Composition API patterns across components and state management.

vueperformancecode-revieweva813

Frontend Development

🎨 Vue3 Frontend

Comprehensive Vue 3 frontend development skill. Use when developing Vue 3 applications, components, or composables. Covers: (1) Creating new Vue 3 projects and components, (2) Vue 2 to Vue 3 migration, (3) Code review and optimization, (4) Composition API implementation, (5) Best practices and commo

eva813frontendeva813

Frontend Development

🧪 Vue3 Naiveui Fsd

This skill helps you build production-ready Vue 3 apps with Naive UI, FSD, TypeScript, and solid architecture for maintainable code.

frontendfullstackdesignshohzod-abdusamatov-7777777

Testing & QA

🧪 Vuln

Look up a vulnerability by ID or list all vulnerabilities for a package

Vulnetix

Testing & QA

🛡️ Vulnhunter

This skill helps identify dangerous APIs, footgun patterns, and vulnerability variants across codebases, enabling swift security audits and proactive risk

securitycode-reviewautomationsendaifun

Security

📋 Waf Bypass Hunter

Bypass a Coraza WAF protecting a vulnerable Next.js 16 backend. Analyze parser differentials between Go (WAF) and Node.js (backend) to find bypasses.

hacktronaiworkflowhacktronai

Developer Workflow

🎨 Wagmi Development

This skill helps you implement Wagmi features across core actions, query options, and framework bindings to accelerate Ethereum dapp development.

frontendfullstackapiwevm

Frontend Development

🐛 Wan2 I2v

This skill guides you through setting up Wan2.1/2.2 I2V in ComfyUI, optimizing VRAM, and configuring workflows for video generation.

aiautomationperformancefumiya-kume

Debugging

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