В каталоге 183 730 навыков в 14 категориях.
Audit an existing project's design system from its CSS, Tailwind config, and HTML templates. Generates a DESIGN.md docum...
Audit UI/UX designs for quality, AI-generated slop, and accessibility. Use when reviewing designs, detecting slop patter...
Use when taking a design, slide, landing page, ad or motion piece from a video or capture down to code, timing and workf...
Create a design brief through an interactive interview, codebase exploration, and experience design decisions. Saved as...
Parse a structured design brief written in I-Lang protocol format into a concrete design spec. Eliminates ambiguity from...
Turn an interrogated brief into the single source of truth for a design project. Use after /grill-me, before any IA or U...
Structured design brief document — problem statement, goals, audience, competitive landscape, mood board, and success me...
Composite skill — design, scaffold, build, and verify a UI in one workflow. Chains ui-ux-pro-max or web-design-guideline...
Build distinctive, production-grade interfaces at speed. Ships working code — web or mobile — with modern CSS, fluid typ...
Design it on the canvas / design the page: Claude Design canvas route, design system, render-and-look.
Audit and enforce the five-layer design chain (tokens → Tailwind → primitives → sections → pages) across all components...
Unified design chain audit for Movemental — flushes drift across all 5 layers (Stitch → tokens → primitives → components...
Anti-generic design enforcement -- catches AI-generated visual antipatterns and verifies brand compliance.
HTML-first hi-fi design skill: interactive prototypes, slide decks, animation demos, design variant exploration, visual...
Generate production-ready, accessible, token-driven component code for ANY framework — React+Tailwind, Next.js, SwiftUI,...
Add strategic color to monochromatic or dull interfaces using oklch for perceptually uniform palettes. Generates harmoni...
Produces accessible color palettes and CSS design-token implementations for brands and websites. Use when the task asks...
Design a UI component spec to the house quality bar — anatomy, variants, sizes, the 8 states, token mapping, and accessi...
[デザイン] 3. 静的UI骨格 → Layout/Component を抽出して分離
Falsify a new or unfamiliar design system by rendering its hardest UI compositions before other features build on it. Us...
Creates conceptual designs that illustrate design strategy and approach. Leverages research insights and design briefs t...
Manage design documentation system configuration. Use when initializing the system, adding modules, or updating quality...
Use when your context carries "The approved design this task builds" - comparing the running UI with the approved hand-o...
Analyze design system usage, identify inconsistencies across patterns, generate fixes, and maintain visual coherence wit...
Audit and maintain design system consistency, UX/UI patterns, color palettes, and design best practices across frontend...
检查VS↔SD/DM一致性（value_path是否与序列图/数据模型匹配），生成不一致项清单和修复建议。当Self-Reflection报告一致性问题或准备CONSTRAINT验收前使用。
Refresh UI/UX context from design system, Storybook, and codebase
Convene 11 role-specialized Claude agents to debate technical decisions in parallel, with the invoking Claude acting as...
Constraint + process skill for UI that reads "designed", not "AI-generated". Mandatory two-pass process (token plan grou...
Aesthetic assessment and design scoring across 6 dimensions. Use for UI critique, design review, visual quality assessme...
Aesthetic assessment and remix partner with trained visual taste. Provides structured design critiques using a 6-dimensi...
Use as an independent design-review pass after rendering a website; evaluates macro, meso, micro craft, applies the Desi...
Evaluate UI designs against usability heuristics, UX laws, interaction patterns, interaction design principles, informat...
Critiques a UI surface against the Refactoring UI ladder and returns a ranked, token-legal fix list. Needs no design ref...
Give structured, constructive feedback on any design. Use when asked to critique a design, review a UI, give feedback on...
Get structured design feedback on usability, hierarchy, and consistency. Trigger with "review this design", "critique th...
Give a structured product design critique — user job clarity, hierarchy, affordance, error states, accessibility, and co...
Critique UI/UX designs for clarity, hierarchy, interaction, accessibility, and craft. Use for design reviews, PR feedbac...
Critique a design for usability, hierarchy, and accessibility. Use when the user says "critique this design", "review th...
Premium UI/UX design audit with Jobs/Ive philosophy. Evaluates hierarchy, whitespace, typography, color, motion, and res...
Give structured, constructive feedback on any design using UX frameworks. Use when asked to critique a design, review a...
Evaluate design from a UX perspective with Nielsen's heuristics scoring, anti-pattern detection, persona-based testing,...
Senior UX/product designer who critiques UI/UX designs, design systems, Figma files, wireframes, and visual mockups — ac...
냉철한 디자인 비평 스킬. 15년 경력 수석 디자이너 페르소나로 UX, 비즈니스 목표, 시각적 원칙을 기준으로 제출된 디자인(이미지, 코드, URL, 기획안)을 분석한다. 4개 평가 기준 + 날카로운 질문 2개 +...
Evaluate designs for usability, visual hierarchy, consistency, and adherence to design principles. Trigger with "what do...
Use this skill when reviewing, evaluating, or giving structured feedback on UI designs, wireframes, mockups, or design s...
Use when displaying tabular data — to make rows scannable, support sorting and filtering, handle bulk actions, and adapt...
Especifica politicas de UX para assistentes de IA que preservam o flow criativo e a sensacao de propriedade autoral do m...
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
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
[Design & Content] Create an immersive design
CoHalo UI design system guide for building consistent, reusable frontend components. Use when creating new UI components...
Modern UI design principles and guidelines for building clean, professional interfaces. Use when creating any UI compone...
Ensures modern, professional UI design by providing principles for spacing, typography, colors, shadows, and interactive...