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

Adapta interfaces Kanban ageis para a ergonomia cognitiva de romancistas, minimizando interrupcao do flow criativo.

Forces documentation of the reasoning behind every significant design decision. Creates a decision log that explains WHY...

[Design] Describe a design based on screenshot/video

Expert UI designer specializing in visual design systems, component libraries, and pixel-perfect interface creation. Cre...

Technical architecture and UX specialist who provides developers with solid foundations, CSS systems, and clear implemen...

Turns finished design work into an implementation-ready handoff spec for engineers: a component inventory marked new, mo...

Authors a house-style inline-SVG architecture diagram for a Tutti design page. Use during the Structure movement to show...

Authors a house-style inline-SVG sequence diagram for a Tutti design page. Use during the Decide movement (or any data-t...

Orchestrates structured dialogue between /ui-design-specialist and /ui-design-jony-ive to produce unified design recomme...

Set a deliberate visual direction before any UI is built — the single biggest lever against generic AI output. Derives a...

Direction artistique distinctive pour les livrables web de {{COMPANY_NAME}} — choix esthétiques délibérés (typographie,...

Compare two or more design directions and recommend the strongest one using explicit, project-specific criteria. Use whe...

Distill a visual style from reference sites/products the user likes, then articulate it into a validated, dual-mode desi...

Extract an abstract visual and motion blueprint (design DNA) from reference websites, or research award-winning referenc...

Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel),...

Use when a user needs to preserve an existing product or brand's interface identity across new or modified UI using one...

Extract and apply visual design identity as machine-readable Design DNA JSON (tokens, style, effects) from reference UIs

Skill describing how to interpret, enforce, and evolve design-dna.json across projects. Used by design-system-architect,...

Use when reviewing design documents, technical specifications, or architecture docs before implementation planning. Perf...

The house rules for ANY design or UI work - the verification protocol (run the gate, never claim a number), the absolute...

Comprehensive design elevation system that automatically transforms functional visual outputs into polished, professiona...

Research a UI component before designing it — user needs, related components in the Figma design system and applicable W...

Use when designing screens that appear before content exists — first use, no-results, user-cleared state, or error — to...

Installs a lint script that works in any framework and flags one-off bracket values, hex codes, off-scale spacing and fo...

Understand the Design Engineer role - bridging design and implementation. Learn to think about design as code, understan...

Premium design engineering skill for agentic workflows — produces high-end, distinctive UI designs using DESIGN.md as th...

Apply interface craft when building or reviewing UI - motion, easing, timing, springs, component feel, and visual founda...

Use when assessing an identified interface candidate against agreed criteria, comparing revisions, or handing off missin...

Apply foundational design principles: affordances, signifiers, constraints, feedback, and conceptual models. Use when th...

Use for HTML/CSS layout, responsive behavior, and UI styling on the NestMind site; follow the Zed-inspired design system...

Agent-mode pre-implementation design exploration. Invoked by other skills (brainstorm, nf) to gather codebase context an...

Generate visual design proposal catalogues for existing projects. Use when: - User wants to explore design directions be...

Visual design exploration and design system creation skill. Use when the user wants to explore multiple design direction...

Lists every spacing, type, color, radius, shadow and motion value a codebase uses and how often, finds near-duplicates a...

Extract design tokens, components, layout, and motion specs from screenshots and screen-recording videos, then pair them...

Extract a visual design system from any website URL and generate a DESIGN.md, Tailwind v4 theme, and accessibility repor...

[Design] Create a quick design

[Design] Create a quick design

Guides judging a rendered page against cited design ground truth: reading the live render rather than component source,...

Run the full design-to-build workflow as a guided sequence. Orchestrates all designer skills in order, from grilling thr...

Visual design principles from Design for Hackers — the visual + surface core of a design-foundations system. Use when bu...

Use when designing data-entry forms — to arrange fields, labels, and actions so users complete them faster and with fewe...

Establish or formalize your design system foundation. Create design tokens (color, typography, spacing, shadows, borders...

Artifact-agnostic design guidance — works for CSS, PowerPoint, matplotlib, PDF, or any visual output. Also includes a cu...

Put on the pragmatic front-end hat for the emisar Phoenix UI and marketing HEEx — build correct LiveView/operator UI wit...

Audit and improve the visual design, polish, and player experience of an existing game. Use when the user says "make my...

Produce the rendered evidence a human-gated frontend PR owes its reviewer: capture each changed surface (plus the before...

[Design] Create an immersive design