AI Coding Skills Directory

📋 Free Tool Strategy

This skill helps you design and evaluate free tool strategies to attract ICP, drive SEO, and convert with product bridges.

marketinggrowthseoskenetechnologies

Developer Workflow

📋 Free Tool Strategy

This skill helps plan and evaluate free marketing tools that generate leads, boost SEO, and build brand awareness.

marketinggrowthstrategycoreyhaines31

Developer Workflow

✨ Free Zimage Skills

This skill generates high-quality images using ModelScope's Z-Image model via the Zimage API, streamlining prompt-to-image creation.

aiapiautomationtoolsai

Prompt Engineering

⚙️ Freee Api Skill

freee 会計・人事労務 API を MCP 経由で操作するスキル。詳細なAPIリファレンスと使い方ガイドを提供。

him0automationhim0

Automation & Integrations

📝 Freeze Static

Expert in Static Site Generation (SSG) using Gravito Freeze. Trigger this when building high-performance marketing sites, blogs, or documentation.

gravito-frameworkdocumentationgravito-framework

Documentation

🧪 Fresh Eyes

This skill re-reads your recent code changes with a fresh perspective to spot bugs, errors, and readability issues.

code-reviewdebuggingscriptingrichtabor

Testing & QA

🔍 Frida 17 Skill

This skill helps developers migrate Frida scripts to 17 by detecting deprecated APIs and suggesting correct replacements.

migrationdebuggingcode-reviewyfe404

Code Review & Quality

🎨 Front End Design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

rawkode-academyfrontendrawkode-academy

Frontend Development

🎨 Frontend

This skill helps you design and implement striking UI components with responsive styling, motion, and accessibility-focused reviews.

frontenddesignuxlynricsy

Frontend Development

🧪 Frontend Accessibility

This skill helps you build accessible user interfaces by applying WCAG guidelines, semantic HTML, keyboard navigation, and ARIA practices across components.

frontenddesigntestingtlabs-xyz

Testing & QA

🎨 Frontend Agent

This skill helps you build accessible, design-faithful React and Next.js UI using shadcn/ui, server components, and design tokens for performance.

frontendreactnextjsfirst-fluke

Frontend Development

🎨 Frontend Architecture

This skill analyzes and organizes Svelte SPA architecture for Exceptionless, highlighting route groups, feature slices, and barrel exports to improve

frontendperformancerefactorexceptionless

Frontend Development

🧪 Frontend Bugfix

Use this skill when debugging frontend test failures (React/TypeScript, Vitest, etc.), fixing bugs in React/TypeScript code, or following TDD methodology for frontend bug fixes. This skill provides the complete bugfix workflow knowledge including error classification, confidence scoring, and TDD bes

penkzhoutestingpenkzhou

Testing & QA

🎨 Frontend Css

This skill guides you to write maintainable, performant CSS across frameworks using design tokens, methodologies like BEM, CSS modules, and utility classes.

frontenddesignperformancetlabs-xyz

Frontend Development

🎨 Frontend Design

Expert guidance for creating production-grade, distinctive frontend interfaces. Use when designing UIs, choosing aesthetics, or building memorable web experiences.

langconfigfrontendlangconfig

Frontend Development

🎨 Frontend Design

This skill guides you through thoughtful web UI design using psychology, layout, typography, color, and accessibility principles to improve user experience.

designuxaccessibilityvudovn

Frontend Development

🎨 Frontend Design

This skill helps you craft production-grade frontend interfaces with a distinctive aesthetic, robust accessibility, and a clear design system using

frontenddesignuxvadimcomanescu

Frontend Development

🎨 Frontend Design

This skill helps you design and implement production-grade frontend interfaces with distinctive aesthetics, translating design references into precise code

frontenddesignuxdmdorta1111

Frontend Development

🎨 Frontend Design

This skill crafts distinctive, production-grade frontend interfaces with bold aesthetics, delivering polished components, pages, or apps that avoid generic AI

frontenddesignuxeveryinc

Frontend Development

🎨 Frontend Design

This skill helps you design production-grade frontend interfaces by analyzing designs, generating tokens, palettes, typography, and framework-ready components.

designfrontendaccessibilityjwynia

Frontend Development

📋 Frontend Design

Use when building web components, pages, or applications that need distinctive, production-grade interfaces. Helps avoid generic AI aesthetics with bold, intentional design choices.

ian-pascoeworkflowian-pascoe

Developer Workflow

🎨 Frontend Design

This skill helps you craft production-grade interactive interfaces with distinctive aesthetics using HTML/CSS/React components and motion.

frontendreactdesignjinfanzheng

Frontend Development

🎨 Frontend Design

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aest

answerzhaofrontendanswerzhao

Frontend Development

🎨 Frontend Design

This skill helps you implement pixel-perfect frontend experiences that align with human-centered psychology and production-grade design systems.

frontenduxdesignxenitv1

Frontend Development

🎨 Frontend Design

This skill helps you craft distinctive, production-grade frontend interfaces with bold aesthetics, accessible structure, and purposeful motion across

frontenddesignuxvipulgupta2048

Frontend Development

🎨 Frontend Design

This skill helps you design and implement distinctive production-grade frontend interfaces with polished aesthetics and creative detail.

designuxfrontendpbakaus

Frontend Development

🎨 Frontend Design Fix

Fix generic frontend designs by applying aesthetic upgrades across the 5 design dimensions

matteocervellifrontendmatteocervelli

Frontend Development

🎨 Frontend Design Fix Html

Fix generic HTML/CSS designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)

matteocervellifrontendmatteocervelli

Frontend Development

📋 Frontend Design Fix Vue

Fix generic Vue component designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)

matteocervelliworkflowmatteocervelli

Developer Workflow

🎨 Frontend Dev

This skill helps you create and modify Next.js pages, React components, and Tailwind styles following Swiss International Style.

frontendnextjstailwindsrbhr

Frontend Development

🎨 Frontend Dev Guidelines

This skill helps you implement modern React/TypeScript frontend guidelines with Suspense, lazy loading, and feature-based organization for scalable apps.

frontendperformancerefactormamba-mental

Frontend Development

🎨 Frontend Developer

This skill helps optimize React and Next.js performance by applying Vercel's best-practice guidelines across components, pages, data fetching, and bundle

frontendperformancerefactorkienhaminh

Frontend Development

🎨 Frontend Developer

This skill helps you build scalable React and Next.js UI components with accessible, responsive layouts and optimized performance.

reactnextjsfrontendxfstudio

Frontend Development

🎨 Frontend Development

This skill helps you build modern React TypeScript frontends with Suspense, lazy loading, TanStack Router, and MUI v7 styling for fast, scalable UI.

frontendperformancedatajjuidev

Frontend Development

🎨 Frontend Engineer

This skill helps you transform designs into stunning, responsive UI components with polished visuals, motion, and accessible interactions.

frontenddesignuxbahayonghang

Frontend Development

🎨 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