В каталоге 182 820 навыков в 14 категориях.
This skill should be used when writing or improving system prompts for AI agents, providing expert guidance based on Ant...
Capture and verify screenshots of runtime apps, browser apps, Figma nodes, and the Windows desktop or individual desktop...
Set up and maintain design token architecture and foundation scales. Use when defining spacing, radius, edge, shadow, z-...
Design from the data flow and the failure modes, not the happy path. The best system is the simplest one that meets the...
Map systemic forces shaping a wellbeing concern without individualising the problem. Uses Bronfenbrenner's ecological mo...
View files/directories OR generate visual explanations, slides, diagrams (Markdown or self-contained HTML). Use for 'exp...
Tab UI component reference — design patterns, accessibility, state management, responsive tabs. Use when implementing ta...
Tabs organise related content under a shared context — switching tabs swaps the view without leaving the page. Use when...
Use a tabbed detail pane plus resizable live-view pane to reduce repeated UI context
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use appropriate tabindex...
Use when building or reviewing UI with the Tabler admin template (tabler.io) — which Tabler components/utilities exist,...
Load when building or reviewing UI components in tac-express. Ensures WCAG 2.1 AA compliance with Violet Grid design con...
MANDATORY before any new feature, component, or architectural change in tac-express. Runs design approval, surfaces trad...
Use when completing a feature, before merging a PR, or after fixing a bug. Reviews for law compliance, TAC Express v5.0...
Load when authoring premium UI surfaces (landing hero, marketing sections, mission-control panels, KPI cards, dashboard...
Supabase Auth patterns for tac-express. Load when writing auth middleware, session hooks, sign-in/sign-up flows, or any...
Use this skill to generate well-branded interfaces and assets for TAC Express, an Indian logistics ops console (warm cre...
MANDATORY at the start of every tac-express task. Load this skill FIRST. Provides a 60-second project orientation: monor...
Pointer to the canonical UI authoring skill. The full content lives in `.claude/skills/tac-ui-authoring/SKILL.md`. This...
Load when building any form in tac-express. Covers the standard form pattern: react-hook-form + zod resolver + server ac...
MANDATORY reference for any code change, install, or PR review in tac-express. Contains the Fourteen Laws, the forbidden...
Catalog of premium micro-interactions and motion choreography for TAC Express. Use when adding hover, focus, press, stat...
Catalog of paste-ready premium composition patterns that score 9-10/10 on the tac-ui-rubric. Use this skill when designi...
MANDATORY when writing or modifying any UI component in TAC Express. Enforces TAC Express v5.0 Violet Grid design system...
Use this skill to score any UI surface (page, component, dashboard panel, marketing section) against the TAC Express 10-...
MANDATORY when the agent is about to invoke or surface output from `ui-ux-pro-max` (uipro) inside tac-express. The uipro...
Next.js 16 admin dashboard with 30+ components, Tailwind CSS 4, ApexCharts, dark mode.
TailAdmin dashboard UI framework patterns and Tailwind CSS classes. ALWAYS use this skill when: (1) Building any dashboa...
Tailor your resume for a specific job posting
Writes and audits Tailwind CSS v4 in react-basics-ui — the CSS-first setup (@import "tailwindcss", @theme), the arbitrar...
Tailwind CSS utility-first framework for rapid UI development with responsive design and dark mode
Applies utility-first CSS styling with Tailwind and custom theme configuration. Use when: Styling components, implementi...
Use when styling with Tailwind CSS v4 - @theme syntax, design token architecture, dark mode strategy, bundle size optimi...
Tailwind CSS v4 styling conventions. Use when working with CSS, Tailwind utilities, or customizing the theme in Laravel...
Tailwind CSS v4 patterns, design systems, and responsive design. Use when styling with Tailwind, building design tokens,...
Tailwind CSS v4 best-practices skill covering utility-first patterns, @theme variables, responsive design, dark mode, cu...
Tailwind CSS styling for FTC Metrics with official FIRST colors and component patterns. Use when styling React component...
Applies GAIA's patterns and conventions for all Tailwind styling. Use this skill whenever writing Tailwind class names,...
Patterns and conventions for all Tailwind styling. Use this skill whenever writing Tailwind class names, combining class...
Use when writing or reviewing any CSS class, changing colors, modifying globals.css, or when hardcoded colors or inline...
Use when composing Tailwind utilities, building responsive or dark-mode layouts, defining component variants with cva, r...
Tailwind CSSを、utility-first（早すぎる抽象化を避ける）という思想で運用し、UI実装の認知負荷を下げながら一貫性と保守性を保つための設計・レビュー・リファクタ判断を整理する。doc/input/rdd.md に「技術...
Tailwind CSS v3 + v4 — utilities, custom configuration, design tokens, @theme directive, CSS-first config, native cascad...
Tailwind CSS v4 conventions, dark mode with @variant dark, and CSS-based configuration (no tailwind.config.js). ALWAYS l...
Use when writing Tailwind classes, fixing spacing issues, reviewing CSS, or auditing Tailwind patterns. Enforces v4 best...
Tailwind CSS v4 with utility patterns, responsive design, custom themes, and component styling strategies
Tailwind CSS v4 (CSS-first) — установка (Vite `@tailwindcss/vite`, PostCSS, CLI), конфигурация через `@import "tailwindc...
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in cla...
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind (className, variants, cn()), especially...
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind classes, especially when dynamic styling...
Tailwind CSS 4.1+ patterns. Use when styling components, responsive design, container queries, masks, shadows, or animat...
Tailwind CSS patterns and conventions. Use when writing responsive designs, implementing dark mode, creating reusable co...
Write Tailwind CSS following practices that keep a fast-to-write codebase maintainable — use design tokens instead of ma...
Tailwind CSS styling guidelines for Mastra Playground UI. This skill should be used when writing, reviewing, or refactor...
Tailwind Class Optimizer - Auto-activating skill for Frontend Development.Triggers on: tailwind class optimizer, tailwin...
Validate and refactor Tailwind CSS classes to conform with project's tailwind.config definitions. Use this skill wheneve...
Generate Tailwind CSS configuration files with custom themes, plugins, and content paths. Triggers on "create tailwind c...
Enforces consolidation of static Tailwind CSS classes into a single template literal when using cn(), clsx(), or classna...
Tailwind CSS configuration, custom plugins, design systems, theming, and component patterns for modern web applications.
Comprehensive Tailwind CSS utility framework patterns including responsive design, dark mode, custom themes, and layout...
Tailwind CSS patterns for modern UI. Use when styling components, building responsive layouts, creating design systems,...
Tailwind CSS 4.x utility-first styling patterns. Use when building UI components, creating responsive layouts, implement...
Comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid,...
Utility-first CSS framework for rapid UI development with responsive design, component patterns, and production optimiza...
You're a frontend developer who's built design systems with Tailwind at scale.
This skill should be used when the user asks to "style with Tailwind", "add Tailwind classes", "fix Tailwind styles", "u...
Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbo...
Expert guidance for leveraging Tailwind CSS V4's new Oxide engine, CSS-first configuration, and modern styling paradigms...
Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when c...
Use when creating a component library with Tailwind; Implementing design tokens and theming
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use whe...
Create consistent, scalable design systems using Tailwind CSS utility classes with custom themes, design tokens, and res...
Tailwind CSS v4 design system toolkit. Use for creating React components with Tailwind v4, configuring @theme and design...
Skill for creating and managing a Design System using Tailwind CSS and shadcn/ui. Use when defining design tokens, setti...
（中文）Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use...
Tailwind CSS v4 design-token and component-variant plumbing (CSS-first @theme, CVA variants, dark mode). Use when adding...
Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive pattern...
Build production-ready component libraries with Tailwind CSS using CVA, compound components, design tokens, and theming.
Build consistent, accessible UI components with Tailwind CSS, shadcn/ui, and custom design tokens. Apply when styling co...
Expert guide for Tailwind CSS v4, CSS-first configuration, @theme customization, and modern responsive design / Panduan...
Tailwind CSS utility patterns, responsive design, component patterns, v4 migration, and configuration. Use for: tailwind...
Production-ready Tailwind CSS patterns for common website components: responsive layouts, cards, navigation, forms, butt...
Use when use this skill when configuring Tailwind v4, using CSS-first theme and design tokens, or implementing container...
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture. Use...
Efficient Tailwind CSS patterns using inheritance and custom config
Tailwind CSS patterns and utilities. Responsive design, dark mode, animations, custom components. Use when styling with...
Implement responsive CSS layout with Tailwind.
Tailwind CSS utility patterns with shadcn/ui component usage, theming via CSS variables, and responsive design. Use when...
Tailwind CSS v4 the framework itself, CSS-first config, @theme, the Vite plugin, v3-to-v4 migration, dark mode, containe...
Set up Tailwind v4 with shadcn/ui themed UI. Workflow: install dependencies, configure CSS variables with @theme inline,...
Tailwind CSS theming system for this Next.js application. Covers CSS variables, semantic tokens, dark mode, buildSection...
Handle Tailwind CSS with Turbopack limitations. Use when CSS classes aren't being generated, needing dynamic styles, or...
Expert knowledge for Tailwind CSS styling and component patternsUse when "tailwind, tailwindcss, utility classes, respon...
Master Tailwind CSS for modern, responsive UI styling. Covers utility-first patterns, responsive design, dark mode, cust...
Migrate a project from Tailwind CSS v3 to v4 safely and completely. Runs the official `@tailwindcss/upgrade` codemod, th...
Tailwind CSS v4 engine, CSS-first configuration, arbitrary properties, and container query utilities.