AI Coding Skills Directory

🎨 Ui Engineer

This skill helps you transform PRD-based UI concepts into production-ready HTML/CSS with Tailwind, ensuring minimalist, responsive interfaces.

frontenddesignuxadibfirman

Frontend Development2

🎨 Ui Ux Design

UI/UX design reference database. 50+ styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: web

samhvw8frontendsamhvw8

Frontend Development2

📋 Ui Ux Designer

This skill guides user-centered UI/UX design with design systems, accessibility, tokens, and cross-platform patterns for scalable interfaces.

designuxaccessibilityxfstudio

Developer Workflow2

🎨 Ui Ux Pro Max

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, l

intrusive-memoryfrontendintrusive-memory

Frontend Development2

🧪 Unifuncs Search

This skill enables real-time web search and latest content retrieval using UniFuncs API, across global and China regions.

apiaidataunifuncs

Testing & QA2

🎨 United Airlines Baggage Fee Calculator

This skill opens the United Airlines baggage fee calculator page for quick access to check potential bag costs.

apifrontendproductontos-ai

Frontend Development2

⚙️ Unity Ui Selector

This skill helps you choose between UGUI and UI Toolkit in Unity projects and provides migration guidance and implementation tips.

migrationdocsscriptingdev-gom

Automation & Integrations2

🧪 Unity Workflows

This skill should be used when the user asks about "Unity editor scripting", "Custom Inspector", "EditorWindow", "PropertyDrawer", "Unity Input System", "new Input System", "UI Toolkit", "uGUI", "Canvas", "asset management", "AssetDatabase", "build pipeline", "Editor utilities", or needs guidance on

cryptorabeatestingcryptorabea

Testing & QA2

🛡️ Unix Review

This skill evaluates Python codebases against Unix rules and SOLID, adding an AI-Readiness lens to guide architecture improvements.

pythoncode-reviewaileegonzales

Security2

📝 Update Component Reference

This skill adds documentation for Claude Code components to the Component Reference, ensuring new commands, agents, skills, hooks, or MCP servers are properly

aidocscontentnikiforovall

Documentation2

🧪 Update Pi

This skill updates the Pi toolchain to the latest release by syncing global CLI and dotfiles only when drift is detected.

ci-cddevopsautomationdmmulroy

Testing & QA2

⚙️ Update Project Docs

This skill keeps CLAUDE.md and AGENTS.md current after major project changes to guide future AI sessions.

docswritingcontentdbosk

Automation & Integrations2

🎨 Update Release Notes

This skill updates the release notes by adding new PR entries to next.mdx and archiving when a new version is published.

releasedocsautomationtldraw

Frontend Development2

🎨 Use_interesting_fonts

This skill helps you elevate frontend typography by selecting high-impact Google Font pairings and enforcing distinctive, consistent styles.

frontenddesignbrandingseika139

Frontend Development2

📝 User Files

This skill helps you search, read, and summarize your uploaded files from /files/ across PDFs, markdown, images, and documents.

aidatadocsmixedbread-ai

Documentation2

🛡️ User Management

This skill helps developers implement Clix user identification and properties for consistent identity, personalization, and audience targeting across devices.

backendapisecurityclix-so

Security2

📋 User Research

This skill helps you conduct user research, synthesize insights, and validate problems to guide product discovery and strategy.

productresearchuxpluginagentmarketplace

Developer Workflow2

🎨 Using Sentry

This skill helps you instrument applications with Sentry by capturing exceptions, adding context, tracing performance, and enabling structured logging.

backendfrontendobservabilityandrelandgraf

Frontend Development2

📝 Using Streamlit Cli

Documents Streamlit CLI commands for running apps, managing configuration, and diagnostics. Use when starting Streamlit apps, configuring runtime options, or troubleshooting CLI issues.

streamlitdocumentationstreamlit

Documentation2

📋 Using Streamlit Layouts

Structuring Streamlit app layouts. Use when placing content in sidebars, columns, containers, or dialogs. Covers sidebar usage, column limits, horizontal containers, dialogs, and bordered cards.

streamlitworkflowstreamlit

Developer Workflow2

🐛 Using Superpowers

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

aiautomationcliobra

Debugging2

🛡️ Utility Components

This skill helps you leverage utility components to implement JWT authentication, expression parsing, thread pool utilities, and chain of responsibility in

backendsecuritydevopstencentblueking

Security2

🐛 Ux Design

Comprehensive UX design guidance covering research, information architecture, interaction patterns, and accessibility. Activates on ANY UI/UX work including user flows, navigation, forms, onboarding, error handling, and responsive design. Covers both process (Design Thinking, user research, personas

srstompdebuggingsrstomp

Debugging2

📋 Ux Ui Audit

This skill analyzes user experience and identifies usability issues, delivering actionable UX improvements and metrics insights for informed design decisions.

uxanalyticsdesignshaul1991

Developer Workflow2

🛡️ Validate

This skill validates a security finding by tracing data flows, confirming exploit conditions, and producing evidence to declare true positives or false

securitybackendcode-reviewghostsecurity

Security2

🧪 Validating Environment

Use to validate spectacular environment - checks superpowers plugin, git-spice, git repo, and project structure before running spectacular workflows

arittrtestingarittr

Testing & QA2

📋 Vani Spa Setup

Create a minimal Vani SPA root with explicit updates

itsjaviworkflowitsjavi

Developer Workflow2

📋 Vani Ssr Hydration

Implement SSR, hydration, and selective activation with Vani

itsjaviworkflowitsjavi

Developer Workflow2

⚙️ Vapi

This skill maps Vapi voice events to dashboard templates, enabling consistent analytics dashboards from call transcripts, durations, status, and cost data.

apianalyticsdatagracebotly

Automation & Integrations2

🛡️ Vercel Deploy

This skill guides you through deploying to Vercel with zero-configuration builds, secure environments, and production-ready workflows.

devopscloudfrontendchunkytortoise

Security2

🧪 Verification Before Completion

This skill enforces verification-before-completion by running fresh verification commands and presenting evidence before claiming success.

testingci-cdautomationobra

Testing & QA2

🧪 Verification Before Completion

This skill enforces rigorous verification before completion by executing fresh checks and providing evidence-backed results to validate every claim.

testingcode-reviewci-cdromiluz13

Testing & QA2

📋 Vfx Particles

Implements visual effects using GPUParticles, trails, screen effects, and procedural VFX. Use when creating particle systems and visual feedback.

taozhuoworkflowtaozhuo

Developer Workflow2

🐛 Vibe Coding

Methodology for effective AI-assisted software development. Use when helping users build software with AI coding assistants, debugging AI-generated code, planning features for AI implementation, managing version control in AI workflows, or when users mention "vibe coding," Cursor, Windsurf, or simil

jamditisdebuggingjamditis

Debugging2

📋 Vibecoder Guide

This skill guides non-technical users through VibeCoder in natural language, answering next steps and usage questions to keep development moving.

aiplanningproductivitychachamaru127

Developer Workflow2

📋 Video Content Analyzer

This skill analyzes short-form videos to extract hooks, structure, and viral patterns, enabling replication and optimization across reels, TikTok, and Shorts.

aianalyticssocial-mediabradautomates

Developer Workflow2

🧪 Viewcomponents Specialist

This skill helps you implement robust Rails ViewComponents with proper method exposure, slots, and previews, ensuring clean isolation and safe view access.

frontendbackendcode-reviewkaakati

Testing & QA2

📋 Visionos Immersive Media Developer

This skill helps you implement immersive and spatial video on visionOS by managing VideoPlayerComponent, immersive modes, transitions, and comfort mitigations.

pythonaiuxtomkrikorian

Developer Workflow2

🎨 Visualizing With Mermaid

This skill helps you create clear, professional Mermaid diagrams with dark mode styling and semantic colors for focused architecture visuals.

frontendapidocsthird774

Frontend Development2

🎨 Vite

Vite next-gen frontend tooling: dev server, HMR, build, config, plugins, Environment API, Rolldown. Keywords: vite.config, bundler.

itechmeatfrontenditechmeat

Frontend Development2

🧪 Vitest Dev

World-class Vitest QA/test engineer for TypeScript + Next.js (local + CI performance focused)

bjornmelintestingbjornmelin

Testing & QA2

📋 Voice Realtime

Real-time voice AI knowledge including STT and TTS providers, LiveKit Agents plugins, and voice pipeline patterns. Use when working with speech-to-text, text-to-speech, voice agents, LiveKit, or any voice-related infrastructure.

keenrangerworkflowkeenranger

Developer Workflow2

🧪 Voltagent Docs Bundle

This skill retrieves version-matched VoltAgent documentation from embedded docs to answer API signatures, guides, and examples.

apidocsdebuggingvoltagent

Testing & QA2

🎨 Vue

This skill helps you develop Vue 3 applications using the Composition API, reactivity, and best practices from official Vue documentation.

frontenddocsdebuggingyuann3

Frontend Development2

🎨 Vue Best Practices

Vue.js 3 best practices guidelines covering Composition API, component design, reactivity patterns, Tailwind CSS utility-first styling, PrimeVue component library integration, and code organization. This skill should be used when writing, reviewing, or refactoring Vue.js code to ensure idiomatic pat

dedalus-erp-pasfrontenddedalus-erp-pas

Frontend Development2

🧪 Vue Dev

This skill helps you generate modern Vue TypeScript components using Composition API, VueUse, Tailwind, accessibility, performance patterns, and Vitest testing.

vuetypescripttailwindwireless25

Testing & QA2

🎨 Vue Fsd

This skill helps you structure large Vue 3 projects with Feature-Sliced Design, enforcing layers, public API, and scalable boundaries.

frontenddesignrefactorshohzod-abdusamatov-7777777

Frontend Development2

🧪 Vue Testing

This skill helps you master Vue testing with Vitest, Vue Test Utils, and Playwright to deliver reliable unit, component, and e2e tests.

testingunit-testsintegration-testspluginagentmarketplace

Testing & QA2

🎨 Vue3 Best Practices

This skill helps you adopt modular, type-safe Vue 3 practices with composition API, Pinia, and performance tips for scalable apps.

vuefrontendperformancelong36708

Frontend Development2

🎨 Vuejs

This skill helps you answer Vue.js questions clearly by applying best practices, built-ins, and component concepts from official guidance.

vuefrontendjavascriptbankkroll

Frontend Development2

🔍 Vulture Dead Code

This skill helps identify and remove unused Python code using Vulture and deadcode, improving code hygiene and CI reliability.

pythonlintingci-cdlaurigates

Code Review & Quality2

📋 Watch Youtube

This skill watches YouTube videos via Gemini API and returns summaries, timestamps, Q&A, or detailed analyses to inform decisions.

aianalyticsapimikeygonz

Developer Workflow2

🧪 Way Go Style

This skill helps you write idiomatic, maintainable Go code by applying Way-specific conventions and best practices for reviews, refactors, and coding.

gocode-reviewlintingway-platform

Testing & QA2

📋 Wcag Audit Perceivable Layout Deep

Page structure and spatial organization accessibility design patterns

jkenseworkflowjkense

Developer Workflow2

📋 Weather Query

This skill answers weather queries using a fixed demo response: the weather in Shenzhen is Sunny, 25°C.

aiapidatatrpc-group

Developer Workflow2

🧪 Web Design Builder

This skill generates accessible, responsive HTML/JS web designs from descriptions, with automated verification and optional framework support.

frontenduxaccessibilityrknall

Testing & QA2

🎨 Web Design Mastery

This skill helps you craft production-grade UI with consistent spacing, typography, color, and depth using Refactoring UI-inspired principles.

designuxfrontendanilcancakir

Frontend Development2

🎨 Web Development

Master modern web development. Learn HTML/CSS/JavaScript fundamentals, React/Vue/Angular frameworks, Node.js backend, databases, APIs, and full-stack architectures. Use when building web applications, learning web technologies, or choosing tech stacks.

pluginagentmarketplacefrontendpluginagentmarketplace

Frontend Development2

⚙️ Web Reader

Implement web page content extraction capabilities using the z-ai-web-dev-sdk. Use this skill when the user needs to scrape web pages, extract article content, retrieve page metadata, or build applications that process web content. Supports automatic content extraction with title, HTML, and publicat

answerzhaoautomationanswerzhao

Automation & Integrations2

🧪 Web Search

Use web search to get latest market information and industry trends. Suitable for getting vertical short drama market trends, hot topic analysis, success case research

vangongwanxiaowantestingvangongwanxiaowan

Testing & QA2