Навыки: Дизайн

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