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

Review problem statements and decision matrices

Orchestrates a structured design review by running existing skills in a diagnostic funnel, from complexity triage throug...

Run a structured design critique against the brief and codebase. Checks visual hierarchy, consistency, responsiveness, a...

Prepare for or document design review

Review a built frontend against its chosen direction, catch drift back to generic AI defaults, enforce state coverage, e...

When the user says "review the design", "check the UI", or wants a comprehensive UI/UX review. 7 phases: interaction, re...

Evaluate and refine UI the way a senior product designer would, visual hierarchy, spacing and rhythm, typographic scale,...

Use when a design deliverable is about to be reported done — the final quality gate after design-motion or a mobile mock...

Review a web app or page for visual design quality — layout, typography, spacing, colour, hierarchy, consistency, intera...

Facilitate design critiques and reviews with stakeholders, team members, and users to gather feedback. Use for: design p...

Comprehensive UI/UX design review with live environment testing, responsive validation, accessibility compliance (WCAG 2...

Review UI for anti-AI-slop compliance

Réviser et corriger l'UI des livrables web de {{COMPANY_NAME}} (landing pages, pages statiques, emails HTML riches, dash...

Use when a design task asks you to compare a built screen with its approved design - screenshots at 1440, 768 and 375 at...

Critique a design on layout, accessibility, responsiveness, dark mode and edge cases, with Pass, Needs work or Fail verd...

Review UI implementation for design consistency, visual quality, AI-slop detection, and responsive behavior. Use when ev...

Review and analyze design docs for health, quality, and improvement opportunities. Use when auditing design documentatio...

7-phase frontend design review with accessibility (WCAG 2.1 AA), responsive testing, visual polish. Use for PR reviews,...

デザインシステム準拠を 7 カテゴリ・重大度判定でレビューする統合スキル。 `.tsx` ファイルは `--visual` で Playwright 視覚検証（light/dark × desktop/mobile）＋ 静的 lint を追...

画面設計書とSwiftUIデザインガイドに対して現在の実装の準拠状況をレビューする

Use when reviewing or critiquing a UI design, screen, mockup, wireframe, Figma frame or screenshot, asking "what's wrong...

设计审计 -> 修复 -> 再验证的闭环。支持 full / quick / deep / diff-aware / regression 模式，带 80 项检查表、fix loop、回归验证与最终报告。 (gstack)

Revisa una propuesta de UI/UX de Temp League contra el design brain, los tokens y las reglas de producto. Úsalo cuando a...

Routes a non-coding design review through the smallest useful sequence of framing, critique, exploration, specialist per...

Review UI/UX, DESIGN.md, plans, and implementations with evidence-based PASS, PASS WITH FIXES, or FAIL verdicts. Use for...

Universal micro-UI/UX design & engineering rules based on Kole Jain, Chris McCoy, Ran Segall, and Satori Graphics' frame...

Evaluate and score designs against objective criteria including usability, aesthetics, accessibility, and business goals...

Design or build a page, screen, landing page, website, app or UI from a request - the whole job, end to end. Use this fo...

[Design] Create a design based on screenshot

[Design & Content] Create a design based on screenshot

Inspect Figma links through MCP or browser computer use, or analyze screenshots and selected-layer properties. Produce f...

Use when designing a search feature for a website or application — to structure the input, autocomplete, results list, a...

Compose interfaces that hold together — skeleton before aesthetics, one alignment per row, sizing by declaration. Use wh...

Interviews the owner, one topic at a time, and writes `.claude/rules/design.md` — the design system, per-platform settin...

One-time autonomous design context discovery. Scans the codebase to extract design tokens, typography, colors, spacing,...

Generate 4-6 parallel design mockups for rapid visual comparison — adapted from gstack /design-shotgun pattern

Use when you need 3-5 intentionally different UI directions before committing to a single design approach

Produce implementation-ready UI and UX specifications covering structure, states, behavior, content, responsive rules, a...

[Project Management] Create UI/UX design specifications from requirements, PBIs, or user stories. Produces structured de...

Use when extracting design specifications from visual sources including Figma exports, UI mockups, screenshots, or live...

Extract comprehensive JSON design specifications from visual sources including Figma exports, UI mockups, screenshots, o...

提供 UI/UX 设计、用户研究、视觉设计和品牌一致性能力。当需要设计界面、进行用户研究或创建视觉资产时使用。

Curated micro-interactions and design details that add "magic" and personality to websites and apps.

[デザイン] （任意）1枚ペラHTML → ページ単位の静的HTMLに分割

[デザイン] 1.（Figma起点）SSOT（tokens/components/context/assets）を生成

Apply production-grade design standards when building or reviewing pages, components, or UI. Use this skill whenever the...

Steal a specific company's design language for a component or page. Fetches any of 55 DESIGN.md files from VoltAgent/awe...

Facilitates the Structure movement of a Tutti design session. Use after the Decide movement to work out how the pieces f...