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

Run before implementing UI — research real product patterns (Refero/Mobbin MCP), pick a design direction, and output tok...

Create presentation decks as high-fidelity PDF files using web technology (HTML, CSS, Tailwind, Font Awesome). Use when...

Structured multi-step reasoning for complex problems using MCP. Use this skill when facing architectural decisions, perf...

Use when starting a new feature or idea that needs thorough pre-execution planning. Use instead of calling /product-revi...

Use this skill instead of WebSearch for ANY question requiring web research. Trigger on queries like "what is X", "expla...

Perform fine-grained semantic relationship analysis; use when asked to compare meaning, resolve ambiguity, or map concep...

Use when a person asks to design a new module's interface or to rework an existing module so that it hides much behind l...

Expert guidance for distributed training with DeepSpeed - ZeRO optimization stages, pipeline parallelism, FP16/BF16/FP8,...

A clean, product-oriented default. Use when the brief doesn't call for a specific mood — good for B2B tools, dashboards,...

Use this skill to push frequently-changing Jetpack Compose state reads (scroll position, animation values, drag offsets)...

Route bulk work to free worker models (Groq/Cerebras/OpenRouter/Gemini) via .claude/tools/ask-worker.mjs so the paid orc...

Architecture-first workflow for delegating complex projects to AI coding agents. Ensures code fits the system before it'...

Add personality and memorable moments through thoughtful interaction details and emotional UX touches.

Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates fu...

Delight pass — adds one or two memorable micro-interactions (copy specificity, hover choreography, state transitions, on...

Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates fu...

Create a clear project status brief with progress, risks, blockers, decisions, and next actions.

Facilitate a cross-functional design review capturing decisions, feedback, and implementation guidance.

Create dynamic schema-based forms using @delon/form (SF component). Use this skill when building complex forms with vali...

Implement ng-alain theming system with layout configuration, responsive design, menu management, and settings drawer for...

Orchestrator for the full dembrandt UX pipeline. Routes a UI/UX task through six ordered stages — brand foundation → des...

Generate a simple desktop-oriented self-playing HTML product demo. Use for legacy demo walkthroughs with an intro screen...

Generate the recommended responsive self-playing HTML product demo. Creates a single-file index.html with intro screen,...

Create a 15-slide presentation storyboard script for a narrated explainer video

完整开发前针对设计中的风险点构建可运行原型，验证可行再投入开发（仅复杂/高风险需求自动触发）。触发："先做个 demo 验证"、设计涉及没用过的技术/API、性能敏感路径、第三方集成、多方案对比。

Generate polished demo videos from a single prompt. Use when the user asks to create a demo video, product walkthrough,...

Map slice dependencies using DSM matrix and prioritize by risk

Convert per-page styled HTML prototypes (stardust under stardust/prototypes/**, or claude-design / Mobirise / Relume / L...

Read quality-profile, nfr-spec, logical architecture, and physical architecture to produce quality-vision.yaml — a visio...

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini or Atlas Cloud...

Canonical repo-local DESIGN.md workflow for product, UI/UX, and frontend decision source of truth

Establish and maintain the visual design language as enforceable Swift tokens. Invoke with no args to bootstrap the desi...

Unified design skill: brand, tokens, UI, logo, CIP, slides, banners, social photos, icons.

Guidance for designing ethically humane digital products through patterns focused on user well-being. This skill should...

Generate and evaluate multiple solution concepts for the defined problem

UX/UI design and accessibility audit -- name the user, task, and success criterion before any layout decision, enforce W...

Component-first design system for Blade views. Use when creating UI components, designing responsive layouts, or impleme...

Use for any UI-facing task (design, implementation, review, refactor, bugfix) as the primary design entrypoint; then rou...

Creates distinctive UI with preserved structure. Avoids generic AI aesthetics. Use when designing or refining user inter...

[Design] Create or describe a UI design — quick (fast), immersive (good), or recreated/described from a screenshot or vi...

Entry point for design tasks. Routes to brand-guidelines (brand identity, voice, assets), design-system (tokens, compone...

Use when designing or refreshing a web UI or landing page — visual concept, type/color/spacing/motion tokens, compositio...

Extract a reference website's design system into DESIGN.md with tokens, layout, components, and imagery. Use for recreat...

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate...

Design consultation, variant exploration, and design system scaffolding, with subcommands consult (default), variants, a...

Use when a non-designer needs to audit a UI, generate a design spec (spacing, type scale, color tokens, grids), or build...

Use when Forge reaches the design phase or the user asks for technical architecture, UI spec, contracts, or code rules b...

Use when the user needs design exploration, multiple distinct solution directions, or tradeoff-driven options before imp...

Use when styling Fusionaly UI components, pages, or charts - applies the Fusionaly design system with black/white palett...

Design user interfaces with exceptional UX patterns. Use when implementing screens, reviewing UI code, choosing loading...

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud,...

Design workflows — UX copy, design systems, design critique, accessibility review, design handoff, user research synthes...

Use for UI, UX, visual hierarchy, frontend-design judgment, references, redesigns, and design critique when the user's E...

Set visual and interaction direction for any UI surface (web, React, TUI, CLI, desktop, Qt, design-system tokens) before...

Use when starting UI work, defining palettes or tokens, fixing AI-generic UI, or persisting a design system to DESIGN.md...

Use when creating brand identity, design tokens, UI styling, logo generation (55 styles, Gemini or Atlas Cloud AI), corp...

Design and build frontend components/pages — from Figma, reference URL, or description. Wraps the official `frontend-des...

Premium frontend design skill that creates distinctive, accessible, production-grade interfaces with exceptional UX. Use...

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...

Design skills for Apple platform UI — Liquid Glass, animations, game feel (haptics, sound, celebrations), UI prototyping...

Design system reasoning. Maps product domain to style, palette, typography, and platform-specific patterns. Generates .r...

Design system skills for modern Apple platform UI including Liquid Glass, animations, and visual design patterns. Use wh...

Design a design story's screens with the person before any of them is built, and record each approved design so its scre...

Route broad or mixed visual-design requests into a coherent workflow spanning brand, design systems, UI/UX, interface st...

UI, UX and visual design work: direction and brand language, layout and information architecture, components and states,...

UI/UX design guidelines for interactions, animation, layout, accessibility, and visual design. Use when building UI comp...

UX and interaction design — UI, interface, wireframe, mockup, prototype, user experience, user journey, usability, acces...

A comprehensive design operating system synthesized from 10 canonical design books. Covers research, typography, color t...

Run a focused UI polish or mockup-to-implementation pass through Claude Code using the custom subagent `design-agent-cla...

Run a focused UI polish or mockup-to-implementation pass through Gemini CLI using the custom subagent `design-agent-gemi...

Reviews UI code for design quality against the build-great-things quality checklist. Conditional — only activates when t...

Score product intent, visual identity, usability, components, accessibility, responsiveness, states, motion, and validat...

Curated design reference library for Maxim design work — typography scales, color systems, component patterns, spacing a...

Verifies proposed UI elements (icons, components, color tokens, badge types, modal patterns) against existing system usa...

Evolve reusable UI foundations through explicit tokens, component contracts, accessibility states, and evidence-based ad...

Define semantic, scalable design tokens and component token boundaries instead of hardcoded visual values.

> Responsive tasarım ve modern CSS özellikleri.

Audit a Figma component or frame for accessibility in one pass — design lint, contrast, color-blindness simulation, focu...

Audit designs, color palettes, and UI components for WCAG 2.1 accessibility compliance, providing specific fixes for con...

Specify fair, readable action gameplay across player verbs, combat timing, enemy decisions, perception, encounters, feed...

Make interfaces truly adaptive — not just responsive. Uses container queries for component-level adaptation, adaptive na...

Generate radically-different module or API contract designs in parallel, then compare on depth, simplicity, and ease-of-...

Enforce anti-AI UI design rules based on the Uncodixfy methodology. Use when generating HTML, CSS, React, Vue, Svelte, o...

Updates a codebase to use the design tokens from design-ratify, in four batches ordered from safest to riskiest: exact m...

Design principles and creative direction for building HTML artifacts — pages, reports, plans, landing pages, demos, deck...

Unpacks poorly written Jira or Azure DevOps tickets into design-relevant framing. Use this skill whenever a designer pas...

Parse Figma/PDF design exports to extract UI specs and draft design-spec.md and pending-questions.md. Use when analyzing...

Parses design assets (PDF, CSS) to generate a draft design spec.

Use whenever a task needs a visual asset — logo, icon, illustration, hero/OG/web-page graphic, empty-state art, favicon/...

Expert graphic, UI/UX designer for creating mockups, wireframes, and visual designs. Use when user needs help with desig...

Design audit checklist - motion gaps, accessibility, color consistency, responsive, performance.

Audit an existing UI against Apple's design rules — type scale, spacing, hierarchy, contrast, motion, density — and retu...

Premium UI/UX design auditor with Jobs/Ive philosophy. Use when reviewing, evaluating, or elevating existing UI — trigge...

Audit a page or component against the Digital Curator design spec (DESIGN.md) and movemental project conventions. Use to...

Comprehensive autonomous design quality audit across accessibility (WCAG 2.2), performance, theming, responsive/adaptive...

Premium UI/UX design audit and refinement skill. Conducts systematic visual audits of existing apps and produces phased,...