Каталог навыков агентов

Guide for implementing Tailwind CSS - a utility-first CSS framework for rapid UI development. Use when styling applicati...

Use when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns). Incl...

Tailwind CSS utility-first styling for JARVIS UI components

Utility-first CSS framework for rapid UI development. Responsive design, custom utilities, configuration, component comp...

Expert in TailwindCSS utility-first styling with responsive design patterns

Tailwind CSS v4 utility-first styling patterns including responsive design, dark mode, and custom configuration. Use whe...

TailwindCSS utility-first styling for Rails

Use when implementing keyboard-accessible components, screen-reader-only content, prefers-reduced-motion support, or WCA...

Tailwind CSS accessibility patterns including WCAG 2.2 compliance, touch targets, focus management, and ARIA support

Implementa layouts complejos con Tailwind CSS usando Grid, Flexbox y Container Queries. Usa cuando necesites holy grail...

Tailwind CSS advanced layout techniques including CSS Grid and Flexbox patterns

Tailwind CSS animations and transitions including built-in utilities and custom animation patterns

Tailwind CSS debugging and troubleshooting guide for common issues and solutions

Always invoke when the user's message includes 'tailwind' in any form. Also invoke for: building responsive grid layouts...

Styles applications using Tailwind CSS v4 utilities. Activates when adding styles, restyling components, working with gr...

Tailwind CSS integration guide for React, Vue, Next.js, and other frameworks

Tailwind CSS 工具类参考和文档助手。提供 Tailwind CSS 文档的快速访问，用于查找工具类、理解 CSS 属性和查找代码示例。当 Claude 需要使用 Tailwind CSS 时使用此技能：（1）查找特定的工具类及其...

Comprehensive mobile-first responsive design patterns with 2025/2026 best practices for Tailwind CSS v4

Tailwind CSS plugins including official plugins and custom plugin development

Use when migrating a project from Tailwind v3 to v4, mapping @theme namespaces to generated utilities, or looking up ren...

Create presenter and UGC-style video content. Use when creating educational videos, testimonials, product demos, or pers...

Creates talking head videos from any source material (docs, changelogs, blog posts, notes, transcripts). Produces multi-...

Bridge Figma designs with AI assistants using TalkToFigma Desktop via Model Context Protocol

Use when creating or modifying Tamagui UI components in packages/ui. Enforces design token usage, theme compatibility, a...

TanStack headless para datos: Query (estado del servidor: fetch, caché, invalidación, infinite, SSR), Table (orden/filtr...

Auto-enforce cross-cutting TanStack conventions and import patterns. Activates on all TanStack development to ensure con...

Build forms in React using TanStack Form and Zod validation. Use when creating forms, handling form validation, or worki...

Advanced TanStack Query (v5) expert. Covers useSuspenseQuery, infinite scrolling, optimistic mutations, SSR/React Server...

Expert in TanStack Query (React Query) — asynchronous state management. Covers data fetching, stale time configuration,...

Powerful data fetching and state management library for React applications with server state synchronization, caching, a...

Link component, useNavigate, Navigate component, router.navigate, ToOptions/NavigateOptions/LinkOptions, from/to relativ...

Use TanStack Table v9 as a headless data-grid state and row-processing engine. Load for first-table architecture, stable...

Gắn field "Tham chiếu chứng từ" (chọn 1 hoặc nhiều chứng từ, từ nhiều loại nghiệp vụ khác nhau: mua hàng, bán hàng, thu...

Tạo Dialog hoặc sửa Dialog, áp dụng component dùng chung và logic từ tao-dialog-new. Đầu vào: mô tả dialog bằng tiếng Vi...

Quy tắc tạo Dialog/Form MỚI cho KetoanApp — 2 pattern từ code thực tế: Full-Screen Nghiệp Vụ (PTDialog.tsx) và Dialog Da...

Tạo hoặc chỉnh sửa Master Page trong KetoanApp. Dùng DmPageHeader + DmSearchToolbar + DmTable + DmTablePagination + DmRo...

Tạo hoặc chỉnh sửa trang Số Dư Đầu Kỳ (SDDK) trong KetoanApp. Kế thừa từ tao-master-page, thay đổi: không có phân trang...

Quy tắc tạo Dialog/Form. Cấu trúc: DialogHeader+DialogContent+DialogFooter, 3 mode (View/Create/Edit), maxWidth bắt buộc...

FOUNDATION — Quy tắc nền tảng UI dùng chung cho MỌI loại giao diện trong SASUCO InvoiceEasy: buttons (btn-primary/btn-se...

FOUNDATION — Quy tắc UI nền tảng cho MỌI loại giao diện KetoanApp, cập nhật từ code thực tế (PTDialog.tsx + KHFormDialog...

This skill should be used when the user mentions "Taro" in any technical context, asks about "Taro API", "Taro component...

Review user flows for clarity, decision cost, error prevention, recovery, feedback, consistency, and completion confiden...

Use when an analiz task arrives in done (approved) - turn the approved split into implementation tasks with repository,...

Generate structured task lists from specs or requirements. IMPORTANT: After completing ANY spec via ExitSpecMode, ALWAYS...

Plan and organize software development tasks effectively. Use when breaking down features, creating user stories, or pla...

Breaks a designed system into atomic, verifiable tasks (at most 2 files and about 50 lines each) ordered schema-first, w...

Work item decomposition — break implementation phases into sized, dependency-mapped tasks, each producing a verifiable a...

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right desig...

Use before generating, editing, or reviewing any user interface — a dashboard panel, a landing page, an email, a slide,...

Accessibility built into generation, not bolted on after: WCAG 2.2 AA compliance checks (contrast, keyboard, focus, labe...

Code-level craft for agent-built UI: semantic HTML, token-driven CSS (no hardcoded values), specificity discipline, comp...

Color craft for agent-built interfaces: palette construction in OKLCH, the 60-30-10 discipline, one-accent rule, WCAG 2....

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-gene...

Structured visual and usability audit of existing interfaces — landing pages, SaaS apps, portfolios. Screenshot-first re...

Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA...

GSAP implementation craft for agent-built sites: timeline architecture, gsap.context and matchMedia, ScrollTrigger pin a...

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s...

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gra...

Motion craft for agent-built interfaces: duration and easing tokens, entrance choreography, hover/active micro-interacti...

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict c...

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right desig...

The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-tast...

Core Web Vitals discipline for agent-built pages: LCP, CLS, INP budgets, font loading that doesn't shift layout, images...

UI design and implementation for real product surfaces with taste-first critique, reference routing, project-specific de...

Generate genuinely beautiful, on-brand UI instead of generic "AI slop" — use whenever the user asks to build, design, st...

Guidance for Tauri v2 dialog plugin with native dialogs and unified API design.

Use when designing Tauri 2 app architecture, choosing between IPC approaches, or planning application structure. Prevent...

Tauri 2.x + SolidJS stack for Openrind Desktop native app

Use when writing Tauri commands, calling invoke(), handling IPC errors, or streaming data from Rust to JavaScript. Preve...

Use when implementing event-driven communication between Rust and JavaScript or between windows. Prevents event listener...

Patterns frontend Next.js/React/shadcn/ui, complète DEV_AGENT avec best practices frontend

Use when designing category hierarchies, tag systems, faceted classification, or vocabulary management for content organ...

Plan original trading card game and card-battler visual direction for TCG/CCG card frames, card illustrations, board sty...

Guide Claude through ingesting TCGA sample sheets, expression archives, and clinical carts into omicverse, initialising...

Design a tdmcp feature into an implementable spec before any code is written — choose the layer, define the Zod input sc...

Enforce a RED→GREEN→REFACTOR cycle for a feature. Writes failing tests BEFORE implementation, runs the test suite to con...

Draft comprehensive Technical Design Documents. Analyzes codebase, fetches ticket/design/doc context via MCP. Every tech...

Explain a piece of code, a pattern, or a recent change — name the design principle, ground it in this codebase, surface...

One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish p...

K-12 interactive courseware creation. Use for school-subject lesson pages, animations, AI tutor, TTS, knowledge graph, P...

Create comprehensive UI/UX specifications for implementation.

Extract design specifications from Figma files using MCP integration.

Team invitation and role management UX patterns for SaaS. Covers invitation flows, role assignment, and permissions UI.

OKR (Objectives and Key Results) dashboard with progress bars, owner avatars, and quarterly grouping. Use for "OKRs", "g...

OKR tracker page — quarter banner, three objectives with their key results as progress bars, owner avatars, status pills...

Team operations dashboard template — Linear/Asana-clean hybrid with sprint status hero, 4-segment progress bar, workstre...

Interviews a design lead and writes the map of how the team actually works today (rituals, handoffs, tools, decisions, p...

Orchestrate the UI team: coordinates ux-designer, ui-programmer, and art-director to design, implement, and polish a use...

Unified team skill for UI design team. Research -> design tokens -> audit -> implementation. Uses team-worker agent arch...

Unified team skill for UX improvement. Systematically discovers and fixes UI/UX interaction issues including unresponsiv...

Use this skill when developing, testing, debugging, or modifying code inside the Team Lead Portal frontend (apps/teamlea...

Knowledge and utilities for creating animated GIFs optimized for Teams. Provides constraints, validation tools, and anim...

Writes a blind, identity-safe teaser that conveys the equity story and sparks buyer interest without naming the company.

Tech Lead. Use for Phase 9 MVP implementation with TDD. Real titles: Tech Lead, Staff Engineer.

Build production-grade landing pages for software/CLI tools, developer libraries, and technical products. Uses the "Maxs...

Design technical diagrams in Mermaid syntax for architecture, data flows, API interactions, domain models, and process b...