AI Coding Skills Directory

🎨 Frontend Enhancer

This skill enhances Next.js apps with modern UI components, palettes, and layouts to boost visual polish and user experience.

frontenddesignuxailabs-393

Frontend Development

🧪 Frontend Implementation

This skill helps you implement robust frontend components with React, Vue, or Angular, including accessibility, validation, and responsive UI guidance.

frontenduxaccessibilityjpicklyk

Testing & QA

🛡️ Frontend Integration

This skill helps you integrate Kuroco with Nuxt or Next.js, enabling secure authentication, SSR/SSG, and seamless content delivery.

frontendapisecuritydiverta

Security

🎨 Frontend Modern

Apply when working with modern frontend frameworks including React, Vue, Next.js, and TypeScript

twofoldtech-dakotafrontendtwofoldtech-dakota

Frontend Development

📋 Frontend Razor

Apply when working with Razor views, MVC layouts, partial views, and tag helpers

twofoldtech-dakotaworkflowtwofoldtech-dakota

Developer Workflow

🎨 Frontend Refactor

This skill analyzes frontend code structure to refactor, remove duplication, apply patterns, and enhance readability for maintainable UI.

frontendrefactorcode-reviewshaul1991

Frontend Development

🎨 Frontend Security Basics

Secure Solana frontends against phishing, bad prompts, and unsafe signing requests. Use for audits of wallet UX and dApp sites.

sanctifiedopsfrontendsanctifiedops

Frontend Development

🧪 Frontend Test

This skill generates React component tests with RTL, covering rendering, interactions, accessibility, and snapshot tests to boost reliability.

frontendtestingunit-testsalekspetrov

Testing & QA

🧪 Frontend Testing

Plan, implement, and debug frontend tests: unit/integration/E2E/visual/a11y. Use for Playwright/Cypress/Vitest/Jest/RTL, flaky test triage, CI stabilization, and canvas/WebGL games (Phaser) needing deterministic input + screenshot/state assertions.

chongdashutestingchongdashu

Testing & QA

🧪 Frontend Testing

This skill enables robust frontend testing with Vitest and Testing Library by guiding AAA patterns, mocks, and component render assertions across files.

frontendtestingunit-testsexceptionless

Testing & QA

🎨 Frontend To Backend Requirements

This skill helps document frontend data needs for backend developers, clarifying what data and UI actions are required.

frontendbackenddocssoftaworks

Frontend Development

🎨 Frontend Ui Skill

This skill helps audit and build enterprise SaaS UIs with Tailwind v4, shadcn/ui, and Next.js/Vite while ensuring accessibility and performance.

frontendreactnextjsscientiacapital

Frontend Development

🎨 Frontend Ui Ux

This skill helps you craft stunning UI/UX by guiding typography, color, spacing, and motion decisions for cohesive interfaces.

designuxfrontendzpankz

Frontend Development

🎨 Frontend Ui Ux

This skill helps you craft visually stunning, cohesive UI/UX by translating design intent into pixel-perfect code with thoughtful interactions and

frontenddesignuxcode-yeongyu

Frontend Development

🎨 Frontend Ui Ux Engineer Skill

This skill helps transform plain UI components into visually stunning, accessible, responsive interfaces with polished micro-interactions and design-driven

frontenduxdesign404kidwiz

Frontend Development

🧪 Frontend Web Dev Skill

This skill helps you design scalable frontend architectures, implement accessible UI, and optimize performance with modern tools and cross-platform workflows.

frontendperformancedesigndy9759

Testing & QA

🎨 Frontend_aesthetics

This skill helps you design unique, immersive frontend aesthetics by selecting distinctive typography, cohesive color themes, and expressive motion to elevate

frontenddesignuxseika139

Frontend Development

🎨 Frontend_design_system

This skill translates UI design requirements into production-grade frontend code with design tokens, accessibility compliance, and artistic execution.

frontenddesignuxcyangzhou

Frontend Development

⚙️ Full Dev Cycle

This skill guides end-to-end development from Git to Docker deployment, automating checks, PR management, and deployment for rapid, reliable releases.

devopsgitautomationshunsukehayashi

Automation & Integrations

🛡️ Functional Designer

This skill designs functional architectures and detailed PHP/CakePHP specifications from requirements to guide development and ensure consistent, scalable

designbackendapimasanao-ohba

Security

📋 Funnel Validator

This skill assesses an existing funnel using DotCom Secrets criteria, scores performance, identifies conversion killers, and prescribes actionable fixes.

marketinggrowthcopywritingshipshitdev

Developer Workflow

📋 Funsloth Check

Validate datasets for Unsloth fine-tuning. Use when the user wants to check a dataset, analyze tokens, calculate Chinchilla optimality, or prepare data for training.

chrisvoncsefalvayworkflowchrisvoncsefalvay

Developer Workflow

🐛 Funsloth Local

This skill helps you manage local GPU training with CUDA validation, VRAM checks, and checkpoint handling for efficient fine-tuning.

devopsscriptingmonitoringchrisvoncsefalvay

Debugging

⚙️ Funsloth Runpod

This skill helps you manage RunPod GPU training pods end-to-end, from selection to checkpoints, boosting efficiency and cost control.

aicloudautomationchrisvoncsefalvay

Automation & Integrations

🐛 Fynd Backend Microservices

This skill provides expert debugging for FYND's Kubernetes, Kafka, Redis, and Node.js backend to reduce outages and latency.

kubernetesgcpdebuggingdarshil321

Debugging

🛡️ Gadget Best Practices

This skill provides best-practice guidance for Gadget full-stack apps, covering modeling, actions, routes, access control, and platform integrations.

backendfullstackapigadget-inc

Security

⚙️ Game Changing Features

This skill helps you uncover 10x product opportunities and high-leverage improvements to dramatically boost value and user adoption.

strategyproductresearchsoftaworks

Automation & Integrations

📋 Game Design Theory

This skill helps you master game design theory including MDA, balance, and player psychology to create engaging, rewarding gameplay experiences.

designresearchplanningpluginagentmarketplace

Developer Workflow

🐛 Game Developer

This skill helps you design and optimize Unity, Unreal, and ECS game systems for 60+ FPS, using best-practice patterns.

performancedebuggingscriptingjeffallan

Debugging

🛡️ Gap Analysis

This skill autonomously performs multi-dimensional gap analysis for technology choices and competitive assessments, uncovering root causes and strategic

strategyresearchplanninghikaruegashira

Security

📋 Gap Analysis

Analyze requirements for completeness, missing areas, and gaps. Uses domain checklists, NFR categories, and INVEST criteria to identify what's missing from elicited requirements.

melodic-softwareworkflowmelodic-software

Developer Workflow

🔍 Garminskill

This skill syncs Garmin Connect health data into daily markdown files, giving you centralized sleep, activity, HRV, SpO2, and weight insights for easy review.

pythondataanalyticsfreakyflow

Code Review & Quality

🧪 Gate

This skill enforces completion verification by running pre- and post-work checks, ensuring evidence-based claims before marking work as done.

testingcode-reviewdebuggingsaadshahd

Testing & QA

🧪 Gateway

This skill helps you query and filter Gateway API details across environments, returning precise API lists and URL-specific information.

apibackendautomationxiaomi

Testing & QA

⚙️ Gcal Skill

This skill helps you view, manage, and schedule Google Calendar events across multiple accounts with confirmation safeguards.

automationapiproductivityidanbeck

Automation & Integrations

📋 Gcp Developer

GCP access for developers - BigQuery data analysis, GCS viewing, GKE info (GCP开发者访问：BigQuery、GCS、GKE)

serendipityoneincworkflowserendipityoneinc

Developer Workflow

⚙️ Gdcli

This skill helps you manage Google Drive from the command line, enabling listing, searching, uploading, downloading, and sharing files with ease.

cliautomationcloudbadlogic

Automation & Integrations

🔍 Gdscript Syntax Guide

This skill provides authoritative guidance for GDScript syntax in Godot 4.5, ensuring correct syntax, tab indentation, type safety, and consistent style.

code-reviewformattinglintinghhhh124hhhh

Code Review & Quality

📝 Gembox Skill

Coding assistance for [GemBox components](https://www.gemboxsoftware.com/). Use when users ask about any GemBox component or coding task that can be performed with a GemBox component. This includes GemBox.Spreadsheet (.NET read/write Excel files), GemBox.Document (.NET read/write Word files), GemBox

zsvedicdocumentationzsvedic

Documentation

📋 Gemini

Use Gemini AI for research, analysis, summarization, web search, and complex reasoning. Use when you need AI-powered research, code analysis, content summarization, or web search with synthesis.

johnlindquistworkflowjohnlindquist

Developer Workflow

🐛 Gemini

This skill lets you interact with Google's Gemini via CLI for cross-validation and grounding, streaming replies, and session-based multi-turn conversations.

aicliautomationjunoh-moon

Debugging

📋 Gemini

Large context processing using Gemini Flash for codebase scanning and summarization

codihausworkflowcodihaus

Developer Workflow

🔍 Gemini

This skill executes Gemini CLI for AI-powered code analysis and generation, enabling complex reasoning and high-quality code insights within Claude workflows.

aiautomationcode-reviewcexll

Code Review & Quality

⚙️ Gemini Api

Google Gemini API integration for building AI-powered applications. Use when working with Google's Gemini API, Python SDK (google-genai), TypeScript SDK (@google/genai), multimodal inputs (image, video, audio, PDF), thinking/reasoning features, streaming responses, structured outputs with JSON schem

diskd-aiautomationdiskd-ai

Automation & Integrations

🧪 Gemini Api

This skill helps you generate and tailor Gemini Image API prompts and configurations for high-quality images, edits, and aspect-aware outputs.

apiaiclimadappgang

Testing & QA

🧪 Gemini Cli

Google Gemini CLI orchestration for AI-assisted development. Capabilities: second opinion/cross-validation, real-time web search (Google Search), codebase architecture analysis, parallel code generation, code review from different perspective. Actions: query, search, analyze, generate, review with G

samhvw8testingsamhvw8

Testing & QA

🔍 Gemini Code Reviewer

Guides you through professional code reviews, targeting local changes or remote PRs

google-geminigemini-clicode-reviewgoogle-gemini

Code Review & Quality

⚙️ Gemini Document Processing

This skill helps you extract structured data, summarize, and answer questions from PDFs using Google Gemini's vision capabilities.

aiapidataeinverne

Automation & Integrations

📋 Gemini Embed

Generate text embeddings using Google Gemini API for RAG, semantic similarity, classification, and clustering tasks. Invoke when user wants to embed text, create embeddings, or convert text to vectors with Gemini.

legacybridge-techworkflowlegacybridge-tech

Developer Workflow

🧪 Gemini Image

This skill generates high-quality images from prompts using Google's Gemini and Imagen models, offering multiple outputs, aspect ratios, and resolutions.

aiautomationscriptingakrindev

Testing & QA

✨ Gemini Image Generator

Generate images using Google Gemini AI with text prompts and reference images. Use when creating game assets, concept art, UI mockups, promotional images, or any visual content. Supports text-to-image, image-to-image with style transfer, and multiple output sizes. Requires GEMINI_API_KEY environment

ccalebcarterpromptsccalebcarter

Prompt Engineering

⚙️ Gemini Openai Api

This skill helps you integrate Gemini OpenAI compatible API, configure thinking, and normalize responses for seamless AI-assisted workflows.

aiapiautomationproject-n-e-k-o

Automation & Integrations

📋 Gemini Research Browser Use

Use Chrome DevTools Protocol to allow the AI to "ask Gemini" or "research with Gemini" directly. This uses the user's logged-in Chrome session, bypassing API limits and leveraging the web interface's reasoning capabilities.

grasseedworkflowgrasseed

Developer Workflow

🛡️ Gemini Sdk Expert

This skill helps you harness Gemini SDK expertise for structured outputs, context caching, and multimodal orchestration to build reliable AI apps.

aianalyticsbackendyuniorglez

Security

⚙️ Gemini Watermark

This skill removes Gemini AI watermarks from images by reversing alpha blending, enabling automated batch cleaning of generated photos.

pythonaiautomationagiseek

Automation & Integrations

⚙️ Geminiwatermarkremoveskill

This skill removes Google Gemini watermarks from generated images locally using reverse alpha blending for precise restoration.

aicliscriptingkevintsai1202

Automation & Integrations

🛡️ Genai Services

This skill helps you implement OCI GenAI inference, manage tokens and rate limits, and ensure PHI/PII safety with compliant validation.

aibackendapiacedergren

Security

⚙️ General Equilibrium Model Builder

This skill helps economists build and solve Walrasian general equilibrium models with theory derivations and Julia computation.

aianalyticsresearchmeleantonio

Automation & Integrations

📋 General Skill

This skill acts as a versatile general-purpose researcher and executor, enabling multi-step investigations and cross-domain analysis to deliver comprehensive,

analyticsplanningdata404kidwiz

Developer Workflow

🎨 Generate

This skill generates custom images using Gemini 2.5 Flash for frontend designs, illustrations, icons, or hero images from user prompts.

aifrontenddesignbuildatscale-tv

Frontend Development