Mandatory audit workflow for UI/UX changes that reads current state FIRST, checks for redundancy, respects clean design philosophy, and identifies genuine gaps before…
Audit UI components and pages for accessibility, design system compliance, responsive design, UX writing quality, and performance.
Only invoke when explicitly requested via "UI审查"、"设计审计"、"@ui-ux-auditor" or "design audit". Do NOT auto-trigger.
Build and audit polished interaction refinements for existing React or Tauri UI when motion, accessibility, reduced-motion, and browser-verified behavior need focused improvement.
Create production-grade frontend interfaces with strong UX and visual craft. Use when building web components, pages, dashboards, forms, landing pages, or any UI.
Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools.
Use when designing game UI — HUD patterns, menu systems, onboarding flows, feedback loops, accessibility features, or notification systems.
Iterative UI/UX polishing workflow for web applications. The exact prompt and methodology for achieving Stripe-level visual polish through multiple passes.
Design system mobile avancé. Composants réutilisables, tokens, responsive landscape, animations, et patterns d'interaction tactile pour jeu mobile.
Comprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color palettes and typography, or reviewing code for UX issues.
Panduan UI/UX tingkat lanjut (ProMax) untuk FilamentPHP. Fokus pada pembuatan antarmuka yang premium, responsif, dan sangat ramah pengguna (user-friendly) untuk peneliti dan admin…
UI/UX 품질을 4대 권위 기준(NNg 10 휴리스틱, Laws of UX, Apple HIG, WCAG)으로 분석하고 개선안을 제안하는 스킬. React Native / 모바일 / 웹 컴포넌트 코드 또는 화면 설명을 입력받아 근거 기반 UX 평가와 구체적인 수정 방향을 제시한다.
Use when a UI design, redesign, or handoff needs a final review for visual quality, state coverage, accessibility, and platform fit before it is treated as complete.
Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification.
Generate task breakdown from complete specs OR from a raw PRD (Phase 8A). Scope-mode-aware; writes state.db via task.create or task.parse_prd; projector generates tasks.json +…
Use when performing code review, writing or refactoring code, or discussing architecture; complements clean-code and does not replace project linter/formatter.
Update .gitattributes files for projects using lean-package-validator; use when adding missing export-ignore entries or refreshing existing content.
Evidence group skill. Runs direct end-user interviews to saturation. Gates on access — halts if discovery-context says user_access is none or proxy-only.
User Journey Mapper - Auto-activating skill for Visual Content. Triggers on: user journey mapper, user journey mapper Part of the Visual Content skill category.
Create refined user personas from research data — 3 personas with JTBD, pains, gains, and unexpected insights.
Create user stories with Mike Cohn format and Gherkin acceptance criteria. Use when turning user needs into development-ready work with clear outcomes and testable conditions.
Use when a session first touches the board-superpowers plugin — for preflight dependency check, role disambiguation (Board Manager vs Board Consumer), or one-time project…
Use when you need to run interactive CLI tools (vim, git rebase -i, Python REPL, etc.) that require real-time input/output - provides tmux-based approach for controlling…
Synchronize project folder structure, PRD.md, and BUG.md files based on the canonical application and module definitions in CLAUDE.md.
Analyze PRD.md files for quality issues: incomplete sentences, non-existent references, cross-module inconsistencies, contradictory requirements, duplicate roles, design system…
Tag new items in PRD.md files with unique ID codes and validate no duplicate tags exist. Applies to PRD.md documents structured with module sections containing User Stories, Non…
Audit screens against Nielsen's heuristics and mobile UX best practices using the StyleSeed Toss design language as the implementation context.
Visual-first UI/UX collaboration loop using agent-browser (primary), Playwright MCP (alternative), Figma MCP (design system/specs), and Lucid (wireframes).
Compare UX patterns across multiple reference apps using pattern libraries produced by ux-extract. Reads 2+ pattern-library.md files, walks them category by category, identifies…
Generate UX microcopy in StyleSeed's Toss-inspired voice for buttons, empty states, errors, toasts, confirmations, and form guidance.
UX design principles for creating intuitive, accessible, and user-centered digital experiences
Use this agent when you need to create visual designs, wireframes, high-fidelity screens, and component designs.
Build consistent design systems with tokens, components, and theming. Use when creating component libraries, implementing design tokens, building theme systems, or ensuring design…
Exhaustively extract UX patterns from a reference web app. Walks every screen, captures screenshots of every state, records interaction patterns, copy verbatim, keyboard…
Add loading, empty, error, and success feedback states to StyleSeed components and pages with practical mobile-first rules.
Design user flows and screen structure using StyleSeed UX patterns such as progressive disclosure, hub-and-spoke navigation, and information pyramids.
Evaluate and improve interface usability using heuristic analysis. Use when the user mentions "usability audit", "UX review", "users are confused", "heuristic evaluation", "form…
Diagnoses UX issues and provides concrete, code-ready solutions based on 213 real case studies, covering forms, e-commerce, design, mobile, A/B testing, performance,…
Create interactive single-file HTML prototypes for UX validation. Use when the user asks to create a prototype, mockup, or interactive wireframe based on specs/architecture/ux.md…
Master UX reviewer for software, developer tools, and AI agent interfaces. Performs comprehensive usability, workflow, and cognitive analysis.
Generates UI/UX specifications with wireframes and design system. Creates UX_SPEC.md and DESIGN_SYSTEM.md from PRD and Architecture specs.
Connect design decisions to business outcomes through competitive analysis, opportunity mapping, Jobs to Be Done, outcome-driven discovery, value proposition design, and UX…
Comprehensive UX evaluation meta-skill. Use when conducting UI/UX audits, accessibility reviews, user flow analysis, responsive testing, or interaction design evaluation.
Wytyczne UX/UI dla React 19 + Tailwind v4. Design system (OKLCH colors), dostępność (WCAG 2.2, ARIA), responsive design (mobile-first, container queries), animacje (Framer Motion,…
Kolibri AI Hive-Mind Agent: Проектирование пользовательского опыта и дизайна интерфейса Mantine UI. Use when you need to act as ux-visionary.
Audit UX waiting states for web applications with long-running operations (30+ seconds). Use when asked to evaluate, audit, or analyze a product's loading states, wait times,…
Create user-centered, accessible interface copy (microcopy) for digital products including buttons, labels, error messages, notifications, forms, onboarding, empty states, success…
한국어로 UI/UX 문구를 작성하거나 검수할 때 사용합니다. 해요체, 능동형, 긍정형, 캐주얼 경어, 명사 조합 회피 등 5가지 핵심 원칙과 예외 규칙을 적용합니다.
KISS reference skill for v2rayA on Arch/Ubuntu/Fedora with TUN, RoutingA, DoH DNS and Outline key import.
Validate a PRD for completeness, consistency, and implementation readiness. Use when the user says 'validate the PRD', 'review requirements', or 'is the PRD ready for development'.
Validate .gitattributes files in projects using lean-package-validator; use when checking export-ignore completeness, ordering, or stale entries.
Generate value proposition statements for marketing, sales, and onboarding from existing value propositions.
Design a detailed value proposition using a 6-part JTBD template — Who, Why, What before, How, What after, Alternatives.
Design a strategic value proposition using a 6-part JTBD template (Who, Why, What before, How, What after, Alternatives), then generate marketing-ready value prop statements for…
Jobs-to-be-Done framework for compelling value propositions. Creates customer-centric messaging with positioning statements, benefit hierarchies, and multi-channel messaging…
Запуск сценарных тестов Vanessa Automation. Используй, когда нужно выполнить feature-сценарий, проверить baseline запуска, прочитать артефакты прогона или понять, чем запускать…
Use on first-time setup in a new repo - picks the vibe-kanban project via MCP, writes a minimal .vibe-flow.yaml, creates the .vibe-flow/state.json skeleton, and adds the state dir…
Manage AI coding agents on a visual Kanban board. Run parallel agents through a To Do→In Progress→Review→Done flow with automatic git worktree isolation and GitHub PR creation.
Use when a workspace finished and pushed a branch - finds or creates the corresponding GitHub PR, links it back to the vibe-kanban issue, and syncs PR status to the UI
Use when you have a spec, feature request, or set of requirements that needs to be broken into vibe-kanban issues - decomposes the spec into an issue tree with dependencies,…