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

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