AI Coding Skills Directory

🎨 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 Utilities

This skill provides a complete reference for Tailwind CSS utility classes, helping you apply styling efficiently across layouts, spacing, typography, colors,

frontenddocsproductivityfusengine

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

🎨 Tailwindplus

Access TailwindPlus UI component library - search, list, and retrieve code for Marketing, Application UI, and eCommerce components in HTML/React/Vue with Tailwind CSS v3/v4

legacybridge-techfrontendlegacybridge-tech

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

⚙️ Tapestry

This skill extracts content from URLs (video, article, PDF) and automatically generates a concrete action plan to implement insights.

aiautomationcontentmichalparkola

Automation & Integrations

📋 Tapforce Shadcn Svelte

This skill guides setting up and using shadcn-svelte in SvelteKit projects, delivering best practices for components, theming, and integration.

sveltesveltekittailwindtapforce

Developer Workflow

🎨 Tapforce Tailwindcss

This skill provides best practices for setting up and developing UX/UI with Tailwind CSS ^4 across projects.

tailwindfrontenduxtapforce

Frontend Development

🧪 Task Breakdown

This skill converts designs into actionable, sequenced development tasks with clear objectives, dependencies, and measurable completion criteria.

planningproductdesignjasonkneen

Testing & QA

⚙️ Task Create

This skill distills a conversation into a comprehensive task briefing and commits it to the project tasks/ directory.

automationpythonscriptingyousufjoyian

Automation & Integrations

🧪 Task Decomposition

This skill helps you break down overwhelming tasks into independent, estimable slices using vertical slicing, walking skeletons, and defined done criteria.

planningproductresearchjwynia

Testing & QA

📋 Task Decomposition

Break down complex tasks into actionable, atomic steps that can be executed by individual agents.

mindmorassworkflowmindmorass

Developer Workflow

🧪 Task Generator

This skill generates structured, actionable task lists from specs or requirements to accelerate planning and ensure clear handoffs.

planningproductivityautomationjulianromli

Testing & QA

🧪 Task Management

This skill helps you track, manage, and validate feature tasks with dependency awareness, progress monitoring, and completion summaries.

automationcliplanningdarrenhinde

Testing & QA

📋 Task Management ✓

This skill manages tasks in TASKS.md, reading, adding, completing, and summarizing your active and waiting items with a simple, auto-synced dashboard.

productivityclipythonanthropics

Developer Workflow

📋 Task Master

This skill helps manage complex development projects by converting PRDs into actionable tasks, tracking dependencies, and aligning work with feature branches.

aiplanningproductsfc-gh-dflippo

Developer Workflow

⚙️ Task O Matic

This skill helps you manage project tasks end-to-end with AI-powered planning, PRD parsing, and execution across multiple providers.

aiautomationclidimitrigilbert

Automation & Integrations

🧪 Task Orchestrator

This skill orchestrates autonomous task execution and validation, ensuring quality gates are met before completion and subtasks are managed correctly.

automationbackenddevopsdimitrigilbert

Testing & QA

🎨 Task Orchestrator Hooks Builder

This skill helps you design and deploy Task Orchestrator hooks that automate workflows and react to cascade events across MCP clients.

automationscriptinggitjpicklyk

Frontend Development

🧪 Tasks Md Validation Testing

This skill provides a complete testing infrastructure for OpenSpec's tasks.md validation, enabling automated test setup, execution, and cleanup.

testingscriptingci-cdatman-33

Testing & QA

⚙️ Taskwarrior Skill

This skill helps you manage tasks with Taskwarrior by enforcing project and tag rules, lifecycle steps (start before work, done after completion), and agent

automationcliplanningpodikoglou

Automation & Integrations

🔍 Taste Check

This skill reviews code with Linus Torvalds' good taste philosophy, eliminating defensive patterns, deep nesting, and runtime mutations to improve quality.

code-reviewrefactordebuggingkingkongshot

Code Review & Quality

🎨 Tauri

Comprehensive Tauri v2 development skill for building cross-platform desktop applications with Rust backends and web frontends. This skill should be used when creating new Tauri apps, adding commands and IPC communication, developing plugins, managing application state, or integrating Rust with Java

johnlarkin1frontendjohnlarkin1

Frontend Development

🛡️ Tauri App Resources

This skill helps you manage Tauri app resources by generating icons, embedding files, and implementing thread-safe state patterns across apps.

cliscriptingproductivitydchuk

Security

🎨 Tauri Calling Frontend

This skill guides integrating Tauri Rust frontend calls via events, channels, and JS evaluation to enable bi-directional communication and responsive UIs.

frontendbackendapidchuk

Frontend Development

🧪 Tauri Configuration

This skill guides you through configuring Tauri v2 apps, covering tauri.conf.json, Cargo.toml, environment-specific files, and platform bundling options.

docsscriptingclidchuk

Testing & QA

🐛 Tauri Debugging

This skill helps you debug Tauri v2 apps across VS Code, RustRover, IntelliJ, and Neovim with devtools and breakpoint workflows

debuggingproductivityclidchuk

Debugging

🎨 Tauri System Tray

This skill helps you implement and manage Tauri system tray icons, menus, events, and runtime updates to enhance app accessibility.

frontendproductivitybackenddchuk

Frontend Development

🧪 Tauri Testing

This skill helps you validate Tauri apps through unit mocks, WebDriver end-to-end tests, and GitHub Actions CI integration.

testingunit-testsintegration-testsdchuk

Testing & QA

📋 Tavily

This skill helps you fetch real-time results using Tavily API for news, research, or domain-restricted searches.

apiresearchdataarcaneorion

Developer Workflow

⚙️ Tavily

This skill enables live web search, extraction, mapping, and crawling via Tavily REST API to produce structured results for AI workflows.

apidataanalyticsintellectronica

Automation & Integrations

📝 Tavily Api Expert

Build production-ready Tavily integrations with best practices baked in. Reference documentation for developers using coding assistants (Claude Code, Cursor, etc.) to implement web search, content extraction, crawling, and research in agentic workflows, RAG systems, or autonomous agents.

tavily-aidocumentationtavily-ai

Documentation

⚙️ Tavily Automation

This skill automates Tavily tasks via Rube MCP, ensuring tool schemas are fetched first to optimize workflows.

automationaipythoncomposiohq

Automation & Integrations

📝 Tavily Best Practices

Build production-ready Tavily integrations with best practices baked in. Reference documentation for developers using coding assistants (Claude Code, Cursor, etc.) to implement web search, content extraction, crawling, and research in agentic workflows, RAG systems, or autonomous agents.

tavily-aidocumentationtavily-ai

Documentation

📋 Tavily Search 1 0 0

This skill helps AI agents perform fast, relevant web searches via Tavily API, returning concise results for efficient decision making.

aiapidataopenclaw

Developer Workflow

⚙️ Tavily Usage

This skill helps you search the web and extract detailed page content using Tavily tools for initial discovery and in-depth analysis.

aiautomationdatafcakyon

Automation & Integrations

⚙️ Tavily Web

This skill enables web search, content extraction, and crawling via the Tavily API to enhance research and information gathering.

apidataresearchxfstudio

Automation & Integrations

📋 Tavus Cvi Persona

Configure Tavus CVI personas with custom LLMs, TTS engines, perception, and turn-taking. Use when customizing AI behavior, bringing your own LLM, configuring voice/TTS, enabling vision with Raven, or tuning conversation flow with Sparrow.

tavus-engineeringworkflowtavus-engineering

Developer Workflow

🧪 Tavus Cvi Quickstart

Quick start guide for Tavus Conversational Video Interface (CVI). Use when starting a real-time video conversation, creating your first persona, or testing the CVI API. Covers the minimal setup to get a conversation running.

tavus-engineeringtestingtavus-engineering

Testing & QA

🎨 Tavus Cvi Ui

Integrate Tavus CVI into React apps using @tavus/cvi-ui components. Use when embedding conversations in web apps, customizing the video UI, using React hooks for CVI events, or building custom conversation interfaces with Vite/Next.js.

tavus-engineeringfrontendtavus-engineering

Frontend Development

⚙️ Tavus Video Gen

Generate AI videos with Tavus replicas. Use when creating personalized videos from scripts or audio, adding custom backgrounds, watermarks, or generating videos at scale. Covers the video generation API, not real-time conversations.

tavus-engineeringautomationtavus-engineering

Automation & Integrations

⚙️ Tax Professional Skill

This skill helps you maximize legal tax deductions, manage year-round planning, and track expenses with CPA-level guidance.

productivityplanningdocsscottfo

Automation & Integrations