AI Coding Skills Directory

🎨 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

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