AI Coding Skills Directory

🧪 Sync Sdk Skill

This skill synchronizes the base44-sdk skill with the latest SDK source code from the repository, ensuring up-to-date modules and methods.

pythonautomationbackendbase44

Testing & QA

⚙️ Sync Skills

This skill automatically syncs skills from local folders, GitHub URLs, or skillsmp pages to all installed tool directories, with user-confirmed target

automationscriptinggitchujianyun

Automation & Integrations

📋 Synth Api

Use the Synth AI API end-to-end (SDK + HTTP) for eval + GEPA

synth-laboratoriesworkflowsynth-laboratories

Developer Workflow

📋 Synthesize

Synthesize research findings into actionable insights

ctsstcworkflowctsstc

Developer Workflow

🛡️ System Architect

This skill designs complete system architectures with justified tech choices, data models, APIs, and comprehensive NFR coverage for scalable, secure solutions.

backendapidataaj-geddes

Security

📋 System Design

Scalability, availability, and distributed systems design

miles990workflowmiles990

Developer Workflow

📋 System Design

Design and architect software systems. Plans system components, interactions, and deployment patterns for scalability and maintainability.

qodex-aiworkflowqodex-ai

Developer Workflow

⚙️ System Info

This skill helps you gather basic system information and directory listings using simple Python scripts.

scriptingdevopsobservabilityagno-agi

Automation & Integrations

🛡️ Systematic Debugging

Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes

obrasuperpowerssecurityobra

Security

🧪 Systematic Debugging

This skill guides systematic debugging across four phases to reproduce, isolate, understand root causes, and verify fixes, reducing guesswork.

debuggingtestinggitvudovn

Testing & QA

🧪 Systematic Debugging

This skill helps systematically debug failures by tracing data flow, forming hypotheses, and verifying fixes to root causes.

debuggingtestingcode-reviewmadappgang

Testing & QA

🧪 Systematic Debugging

This skill guides you through root-cause investigation and structured testing to diagnose issues before implementing fixes.

debuggingtestingcode-reviewmosif16

Testing & QA

🧪 Systematic Debugging

This skill guides you through root-cause analysis before fixes, ensuring reliable debugging across failures, bugs, and performance issues.

debuggingtestingbackendmamba-mental

Testing & QA

🐛 Systematic Debugging

Invoke when debugging failures. MANDATORY when 3+ fix attempts have failed. Enforces root cause investigation before fixes.

baxtercooperdebuggingbaxtercooper

Debugging

🧪 Systematic Debugging

This skill enables systematic debugging to identify root causes using a 4-phase approach, improving reproducibility and fix quality.

debuggingbackendtestingchunkytortoise

Testing & QA

🧪 Systematic Debugging

This skill guides you through root-cause debugging before fixes, ensuring systematic investigation, pattern comparison, and minimal, validated changes.

debuggingtestingcode-reviewmjunaidca

Testing & QA

🔍 Systematic Review

This skill guides rigorous, PRISMA-aligned systematic reviews by documenting search strategies, bias assessment, and evidence synthesis to inform decisions.

researchdocsplanningpoemswe

Code Review & Quality

🧪 Systematic Testing

Use when writing tests, debugging failures, or investigating bugs - provides TDD guidance, test generation patterns, systematic debugging framework. Activates when user says "write tests", "this test fails", "debug this", mentions "TDD", "test coverage", or encounters errors/bugs.

xbklairithtestingxbklairith

Testing & QA

🎨 T20 Team Skills

This skill helps enforce team-wide TypeScript project conventions across frontend, backend, and tooling, ensuring consistent structure, APIs, and PR reviews.

frontendbackendapiwakeup-jin

Frontend Development

🎨 T3 Dot Env Zod

This skill validates and types environment variables with Zod for Next.js 16+ and Vite, ensuring client/server separation and runtime safety.

frontendbackenddevopsonnokh

Frontend Development

📋 TTS

Implement text-to-speech (TTS) capabilities using the z-ai-web-dev-sdk. Use this skill when the user needs to convert text into natural-sounding speech, create audio content, build voice-enabled applications, or generate spoken audio files. Supports multiple voices, adjustable speed, and various aud

answerzhaoworkflowanswerzhao

Developer Workflow

🧪 Tabctl

This skill helps you inspect, analyze, and report on Edge tabs and groups, enabling safe organization and targeted mutating actions.

cliautomationproductivityekroon

Testing & QA

🧪 Tactical Ddd

This skill helps you apply tactical DDD principles to design, refactor, and review domain logic with rich language and clear aggregates.

pythonrefactorcode-reviewntcoding

Testing & QA

📋 Tag Finder

This skill assigns adaptive, hierarchical academic tags to notes, guided by context, disciplinary lineage, and transparent reasoning.

aianalyticsdocscesarszv

Developer Workflow

🧪 Tagline Creation Strategies

Provides tagline and slogan creation frameworks including Marty Neumeier's Truelines vs Taglines, David Ogilvy's headline principles, Eugene Schwartz's desire channeling, the Distillation Method, and AIDA testing framework. Auto-activates during tagline creation, slogan development, and brand catchp

mike-coulbourntestingmike-coulbourn

Testing & QA

🎨 Tailadmin Patterns

This skill enables building consistent admin dashboards by applying TailAdmin UI patterns and Tailwind classes with verified usage from the official source.

frontenduxdesignkaakati

Frontend Development

⚙️ Tailscale

Comprehensive Tailscale VPN setup, configuration, and management for mesh networking, secure access, and zero-trust infrastructure. Covers installation, CLI commands, subnet routers, exit nodes, Tailscale SSH, ACL/grants configuration, MagicDNS, Tailscale Serve/Funnel, API automation, and production

el-feoautomationel-feo

Automation & Integrations

🛡️ Tailscale Runpod

This skill helps you set up Tailscale for SSH access to RunPod, Vast.ai, and cloud GPUs, enabling secure, direct, persistent connections.

cloudsecuritydevopskoshimazaki

Security

🎨 Tailwind

This skill helps you quickly access Tailwind documentation and citations from docs/ with source references and fetch dates.

frontenddocsuxupamune

Frontend Development

🎨 Tailwind

How to work effectively with Tailwind CSS, always use when styling frontend features

markhamsquareventuresfrontendmarkhamsquareventures

Frontend Development

🎨 Tailwind 4

This skill helps you style components with Tailwind v4 using mobile-first patterns, semantic tokens, and cn() for dynamic, scalable design.

frontenddesignuxgpolanco

Frontend Development

🎨 Tailwind Best Practices

Tailwind CSS patterns and conventions. Use when writing responsive designs, implementing dark mode, creating reusable component styles, or configuring Tailwind. Triggers on tasks involving Tailwind classes, responsive design, dark mode, or CSS styling.

asyrafhussinfrontendasyrafhussin

Frontend Development

🎨 Tailwind Best Practices

This skill helps you apply Tailwind v4 best practices for consistent, accessible, and efficient styling with utilities, themes, and responsive patterns.

frontendaccessibilityperformancegopherguides

Frontend Development

🎨 Tailwind Css

This skill helps you master Tailwind CSS utility-first patterns for rapid, responsive UI development with dark mode, theming, and production optimization.

frontenddesignuxmanutej

Frontend Development

🎨 Tailwind Pattern

This skill provides production-ready Tailwind CSS patterns for responsive layouts, cards, forms, and navigation to accelerate UI development.

frontendshadcntypescriptsrbhr

Frontend Development

🎨 Tailwind Patterns

This skill provides quick Tailwind CSS practical patterns and breakpoints, enabling responsive layouts, dark mode, and common components.

tailwindfrontenddesign0xdarkmatter

Frontend Development

🎨 Tailwind V4

This skill helps you configure and optimize Tailwind CSS v4 projects using CSS-first @theme, OKLCH colors, and Vite for fast, maintainable styling.

frontendperformancedebuggingshohzod-abdusamatov-7777777

Frontend Development

🎨 Tailwind V4 Shadcn

This skill helps you set up Tailwind v4 with shadcn/ui in React projects, ensuring dark mode, CSS variable architecture, and painless migration.

frontenddebuggingmigrationsecondsky

Frontend Development

🧪 Tailwindcss

This skill guides styling with Tailwind CSS using the latest patterns, enables theme customization, and applies modern, perceptually uniform OKLCH colors.

frontenddesignuxvelcrafting

Testing & QA

🎨 Tailwindcss Backgrounds

This skill helps you apply Tailwind CSS v4.1 background utilities including colors, gradients, images, and blend modes to design rich UIs.

frontenddesignuxfusengine

Frontend Development

🎨 Tailwindcss Borders

This skill helps you master Tailwind CSS borders by detailing border, outline, ring, and divide utilities for precise UI styling.

frontenduxaccessibilityfusengine

Frontend Development

🎨 Tailwindcss V4 Skill

This skill helps you migrate Tailwind CSS v4 projects by outlining CSS-first directives, theme usage, and safe postcss/vite setup.

frontendmigrationdocstlq5l

Frontend Development

🛡️ Take Screenshots

This skill captures full-screen or region screenshots on Windows with configurable JPEG quality and scaling to reduce file sizes.

pythonautomationclisarfraznawaz2005

Security

🧪 Talking Head

This skill helps you plan and produce compelling talking head videos for education, testimonials, and personal branding with presenter, setting, and framing

contentmarketingbrandingsanky369

Testing & QA

🎨 Tamagui V2

This skill guides building cross platform apps with Tamagui, covering styled components, tokens, theming, and premium Bento/Takeout components for web and

reactreact-nativeexporamarivera

Frontend Development

📋 Tangzhan Skill Opencodeinsights

This skill analyzes your OpenCode session history to generate actionable insights and visualization reports that reveal patterns and strategic improvements.

analyticsdatastrategytangc

Developer Workflow

🎨 Tanstack

This skill helps you build type-safe React apps with TanStack Query, Router, and Start, enabling server state, routing, and SSR.

reactfullstackfrontendtenequm

Frontend Development

🎨 Tanstack Integration

This skill helps you implement best practices for integrating TanStack Query, Router, and Start across SSR, caching, and data flow.

frontendbackendfullstackdeckardger

Frontend Development

🎨 Tanstack Query

This skill helps you master TanStack Query v5 for efficient data fetching, caching, and mutations in React applications.

frontendapidatajackspace

Frontend Development

🧪 Tanstack Query

This skill helps you master TanStack Query v5 patterns for server state, including keys, transforms, suspense, and optimistic mutations.

frontendapidatamadappgang

Testing & QA

🎨 Tanstack Query

This skill helps you configure TanStack Query v5 in React apps, enabling efficient data fetching, caching, optimistic updates, and devtools debugging.

frontendperformancedebuggingovachiever

Frontend Development

🎨 Tanstack Query

This skill helps you implement TanStack Query best practices for data fetching, caching, mutations, and SSR in React applications.

frontendperformancedatadeckardger

Frontend Development

📋 Tanstack Query

TanStack Query v5 data fetching patterns including useSuspenseQuery, useQuery, mutations, cache management, and API service integration. Use when fetching data, managing server state, or working with TanStack Query hooks.

blencorpworkflowblencorp

Developer Workflow

🎨 Tanstack Query Hook

This skill generates complete TanStack Query v5 hooks for data fetching and mutations in TypeScript projects.

typescriptfrontendbackendehtbanton

Frontend Development

🎨 Tanstack Query V5

This skill leverages TanStack Query v5+ to fetch, cache, and manage server data and mutations with automatic state handling.

frontendapidatablockmatic-icebox

Frontend Development

🎨 Tanstack Router

This skill helps you apply TanStack Router best practices for type-safe routing, data loading, and navigation in complex React apps.

frontendperformancecode-reviewdeckardger

Frontend Development

📋 Tanstack Router

TanStack Router file-based routing patterns including route creation, navigation, loaders, type-safe routing, and lazy loading. Use when creating routes, implementing navigation, or working with TanStack Router.

blencorpworkflowblencorp

Developer Workflow

🎨 Tanstack Start

TanStack Start full-stack React framework. Use for: server functions with createServerFn, TanStack Router file-based routing, TanStack Query SSR integration, Cloudflare Workers deployment.

ferdousbhaifrontendferdousbhai

Frontend Development

🎨 Tanstack Table

This skill helps you build production-ready TanStack Table v8 data tables with server-side pagination, filtering, and sorting for large datasets.

backendfrontenddatasecondsky

Frontend Development

🧪 Tapd

This skill streamlines TAPD platform management by invoking tapd.py to query, create, and update stories, bugs, iterations, tests, and wiki.

apiautomationscriptingabcfed

Testing & QA