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

Conduct comprehensive UX research to understand user needs and inform design decisions. Use for: user interviews, usabil...

Use this skill when planning or conducting user research, writing interview guides, designing surveys for UX insights, s...

UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mappi...

Expert in understanding user behaviors, needs, and motivations through qualitative and quantitative research methods to...

Walk a UI feature as a real user before shipping it. Identifies the cognitive friction the user will hit — confusion, de...

Review UX artifacts for completeness, accessibility, GDD alignment, and implementation readiness.

Validates a UX spec, HUD design, or interaction pattern library for completeness, accessibility compliance, GDD alignmen...

UX review of storefront pages for layout, navigation, and accessibility

验证UX规范的无障碍性与SRS对齐度，检查ARIA、键盘导航、焦点管理与需求覆盖。

Design or critique search experiences — search input, auto-suggest, results page, filtering/sorting, and zero-results re...

Design or critique selection controls — pick the right control (checkbox, radio button, toggle switch, dropdown, slider,...

Create functional and emotionally resonant audio for digital products using Audio UX methodology—from notification sound...

Converts UX/design intent into testable design specifications that feed requirements. Use when defining user flows, acce...

Generate comprehensive UX interaction specifications from UI designs and test cases. Outputs to specs/ux/ directory with...

Design or critique data tables and lists — scannable structure, alignment rules (left for text, right for numbers), sort...

VS Code theming, color tokens, widget styles, focus indicators, and high-contrast theme support. Use when registering co...

Definition, documentation, and application of design tokens for Vue 3 + shadcn-vue. Use when configuring a new project,...

Design or critique tooltips and contextual hints — decide when a tooltip clarifies vs. when it's a crutch for unclear de...

애니메이션 에이전트. UI 애니메이션과 트랜지션을 설계합니다.

Audit or critique an existing digital product artifact or flow and return evidence-backed, severity-calibrated findings....

Design user experiences with wireframing, prototyping, user flows, accessibility, and production-ready HTML prototypes....

Design user flows and interfaces — tokens, component specs, states, and accessibility — before implementation.

Act as a UX/UI Developer to design user interfaces, build design systems, conduct usability reviews, and implement acces...

사용자 플로우 분석 에이전트. 사용자 여정과 인터랙션 플로우를 설계합니다.

Enforce an existing design system. Use for component specs, token drift, library wrappers, motion rulings, or visual del...

Enforce OSPRY's SvelteKit UI standard. Use for shadcn-svelte, Tailwind token bridge, white-label branding, or markup sty...

Navigation and user flow patterns including routing, state management, progressive disclosure, and game progression. Use...

Turn a user journey into a state-complete prototype and usability validation plan. Use for information architecture, acc...

Create ASCII wireframes for web and mobile apps before development. Use when designing screens, visualizing UI flows, cr...

Write effective UI copy including microcopy, error messages, empty states, and CTAs.

Use when writing any text a user reads in the product: labels, buttons, errors, empty states, confirmations, emails. Com...

Use when writing or reviewing UI text or microcopy — button labels, error messages, empty states, form labels and hints,...

Scan web pages for UI consistency issues — misalignment, bad contrast, near-miss colors, inconsistent spacing, and more....

Builds a User Journey Map from real research, with stages, actions, thoughts in participants' words, feelings, pain poin...

Evaluate interface descriptions against 168 research-backed UX/UI principles with structured findings and remediation.

Evaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI cod...

AI-powered UI generation via v0 MCP. Create chats, generate React components, get design assistance. Use when building U...

Pull V0-generated React components for building. V0 output is production-quality React/Tailwind/Shadcn code. Use when Pi...

v0 by Vercel expert guidance. Use when discussing AI code generation, generating UI components from prompts, v0 CLI usag...

Design generation using V0 (v0.dev) via the official MCP server. Generates production React/Tailwind/Shadcn components w...

VAEA ACM-AI design system enforcer. Auto-triggers on frontend/**/*.tsx, frontend/**/*.css, .impeccable.md. Loads VAEA de...

Audita la interfaz UI y utilidades para garantizar renderizado seguro en valores nulos u opcionales.

Quy tắc validate form input client-side trong SASUCO InvoiceEasy. Dùng khi: validate form trước khi gọi API, hiển thị in...

Complete 3-component style validation (Checkstyle + PMD + Manual rules)

Validate UI changes in the browser using Chrome DevTools MCP. Use when the user asks to verify, check, or validate UI ch...

既存のAstroコンポーネントがWindows Forms風のデザインシステム（フォント、グラデーション、インタラクション状態など）に準拠しているかを検証し、レポートを生成します。

Jobs-to-be-Done framework for compelling value propositions. Creates customer-centric messaging with positioning stateme...

Use when writing ERB templates, partials, view helpers, or Turbo Stream responses - covers partial organization, optiona...