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

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

Apply 100 distinct design styles to AI-generated presentations and websites using Claude Code's design-pick skill

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

Create an engineering design document from conversation context using the Google Drive template.

Create AILANG design documents in the correct format and location. Use when user asks to create a design doc, plan a fea...

Generate design documents for Validate mode work items (Checkpoint 1). Required for high-complexity items.

This skill should be used when the user asks to "generate design document", "create database schema", "design API interf...

Create Mermaid diagrams from text or source code, selecting the diagram type from the shape of the information (flowchar...

Create Mermaid diagrams (activity, deployment, sequence, architecture) from text descriptions or source code. Use when a...

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

Use when asked to record an approved or sufficiently converged design in the standard design-doc format. Use mak:dev-kic...

Design Doc Template - Auto-activating skill for Technical Documentation. Triggers on: design doc template, design doc te...

Design Doc Template - Auto-activating skill for Technical Documentation.Triggers on: design doc template, design doc tem...

Build Doc Template - Auto-activating skill for Technical Documentation. Triggers on: design doc template, design doc tem...

Guide creation and maintenance of Software Architecture (SAD) and Design Descriptions (SDD) that support safety, traceab...

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

Technical design document format and conventions for implementation planning. Use when creating or reviewing a technical...

Writes a UI/UX design document with wireframes and a WCAG contrast report. Use when the user wants an interface designed...

Generate professional documents — PDF, Word (.docx), Excel (.xlsx), and invoices — from natural language descriptions or...

詳細設計書の種類と判定基準を定義し、基本設計書の内容から必要な設計書タイプを動的に決定するためのカタログ

Use when 编写或修改特性 RFC、架构、系统、功能或详细设计说明书；普通实验报告用 cinderx-optimization-report。

Co-author design docs and propose section-by-section requirement edits

Facilitates the Domain movement of a Tutti design session. Use after the Impact movement to draft the ubiquitous glossar...

Sizes a duct segment from an airflow and the limits you set: area from the velocity limit you state, rectangular dimensi...

Design or refactor durable multi-agent coordination on any durable execution engine. Use when a system needs recoverable...

Design or review durable agent execution on any durable execution engine. Use when adding workflows, durable steps, retr...

Use when designing ECS architecture for high-scale games (1,000+ entities). Triggers: 'ECS architecture', 'data-oriented...

Checks a floor or a tenancy against the means-of-egress items every building code regulates: egress capacity per occupan...

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

Holds the architectural space an elevator installation needs from the consultant's or manufacturer's data: the hoistway,...

Design and write email marketing campaigns — newsletters, promotional sequences, abandoned cart recovery, welcome flows,...

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

Design and implement web UI from durable context. Use for visual direction, DESIGN.md, responsive UI plans, redesigns, a...

This skill is for interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing...

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

Help users understand and build design engineering capabilities. Use when someone is creating a design engineering funct...

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

Stand up a Design Engineering practice (hybrid design+engineering) by producing a Design Engineering Execution Pack: cha...

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

Works the entrance as a continuous sequence rather than as a door: how it is found from the street, what happens on the...

The door into envelope work, and the step usually skipped: before any assembly is built up, decide how many envelope typ...

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

Evaluate one design or a user-approved maturity-mapped batch through a transparent evidence-based rubric. Classify each...

Step-by-step guide for designing domain event schemas with JSON Schema, versioning, and implementation following patter...

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

Design or review a commercial offer by aligning a real customer outcome with scope, delivery mechanism, proof, price str...

Use when integrating supplied discussions or decisions into a self-contained next version of existing design documents.

Design system and anti-patterns for professional UI. Ensures apps don't look "AI generated". Defines color palettes, ty...

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

Expert-level system design, architecture patterns, scalability, and distributed systems

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

Export to PDF/HTML/markdown. Use when distributing documentation, creating presentations, or archiving design docs.

Fixes broken decks/PDFs exported from Claude's "Design" feature (or similar AI deck generators) — cut-off or clipped tex...

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

Extract a website's design system (colors, typography, spacing, buttons) and populate the brand guide. Trigger with /des...

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

Diseñar una feature antes de implementarla (contratos, flujo de datos, impacto, plan de lotes); no registra decisiones (...

Design the smallest coherent capability and accessible journey that addresses validated user needs.

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

Agentic design-to-build pipeline that turns a Figma design into a built WordPress site using the Figma MCP server (read...

Kick off the Data-First Engineering Protocol for any non-trivial task. Classifies the task, invokes the data-architect t...

Think before coding - design the solution before implementing

Guide structured design thinking through 5 progressive levels before any code is written. Levels: Capabilities, Componen...

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

Designs an end-to-end user flow before any pixels are drawn — entry point, screens, decisions, branches, error/recovery...

Checks a single isolated spread footing: bearing pressure under your loads against the allowable bearing value your geot...

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

Specify how an interface survives locale change through banded text growth allowances, string-structure constraints, bid...

Inspect live websites, screenshots, motion references, or structured design files and convert the evidence into normaliz...

UX/UI quality analyst and design brief architect. AUDIT reviews screenshots or a running app into a scored report with p...

Design a form that people finish, covering field necessity, grouping and sequencing, input affordances, validation timin...

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

Facilitates the Frame movement of a Tutti design session. Use after the Constitution movement to pin who the project is...

Rebuild the look of an app the user likes as a native SwiftUI design kit, by measuring its screenshots (sizes, spacing,...

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

Visual design system patterns for web UIs — layout, spacing, responsive design, and design tokens. Extends platform-fron...

Use when creating React/Vue components or adding UI features. Enforces composition patterns and state management best pr...

Core design principles for creating distinctive, beautiful UIs with technical excellence.Combines creative direction wit...

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

Specify player decisions, core loops, progression, economies, difficulty, and balance hypotheses with measurable playtes...

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

[Design] Create an immersive design

[Design & Content] Create an immersive design