50+ named UX rules with numeric thresholds, 30+ UI styles catalog, industry anti-patterns, pre-delivery checklist
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.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind).
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui — from…
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui — from…
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui — from…
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui — from…
Professional UI/UX design resource library with searchable design patterns, color palettes, font pairings, chart types, and UX guidelines.
Designs product screens from the core task outward: component choice, WCAG 2.2 keyboard and contrast, tokens, responsive layouts, action-oriented copy, and empty/loading/error…
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 평가와 구체적인 수정 방향을 제시한다.
Skill untuk membuat dokumen UI/UX Specification (`[feature]-ui-spec.md`) sebagai design blueprint berbasis teks — mencakup wireframe ASCII, user flow, component breakdown,…
面向设计团队和企业项目的专业级UI/UX设计决策引擎,涵盖全部10个设计域、 10种技术栈、设计系统持久化、页面级覆盖、批量搜索等高级能力。核心能力: - 全部10个设计域搜索(product/style/typography/color/landing/chart/ux/react/web/prompt) -…
Use when designing, reviewing, implementing, or validating UI/UX and frontend experiences for web, mobile, responsive apps, design systems, Figma-to-code handoff, frontend…
UI/UX design system for B8 Finance — tokens, component patterns, chart conventions, layout rules, and interaction standards.
Review screens, flows, specs, or product ideas for usability heuristics, cognitive walkthrough failures, WCAG/APG/COGA accessibility risks, inclusive design, ethical UX, and dark…
Use to validate that a design actually works for real people — when a flow is built or prototyped and you need to know if users can do the job.
\"Design, document, or analyze user flows with UX best practices and friction identification. 設計或分析用戶流程：映射旅程、識別摩擦、無障礙與移動端考量、agnt測試。 Use when: designing checkout/onboarding flows,…
Maps complete user flows with entry points, decision nodes, happy paths, error paths, and exit points as numbered step sequences with branch conditions.
Trace a specific user's journey across sessions — what they did, where they struggled, and what happened before and after a reported issue.
Map a user's journey through a product or experience, phase by phase, with their actions and how they feel.
User Journey Mapper - Auto-activating skill for Visual Content. Triggers on: user journey mapper, user journey mapper Part of the Visual Content skill category.
Use when drafting a user journey map from a brief or research inputs. Triggers on requests for a journey map, experience map, or end to end flow of a user's experience.
Build a research-grounded user persona from interview notes, painpoint research, or survey results, then auto-generate the downstream copy artifacts (homepage headline, channel…
Builds research-backed personas with behaviours, goals, frustrations and journey-stage context. Use when synthesising research into personas, or replacing invented personas with…
Create detailed user personas based on research and data. Develop realistic representations of target users to guide product decisions and ensure user-centered design.
Extract recurring profiles from real CustDev transcripts and generate evidence-backed persona cards. Use when synthesizing interviews into personas for product docs or roadmap.
Create refined user personas from research data — 3 personas with JTBD, pains, gains, and unexpected insights.
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…
Use when reviewing or designing user-facing product UX, usability, accessibility, forms, navigation, error/recovery copy, onboarding flows, checkout/sign-up friction, or…
Provides implementation-ready UX foundations: information architecture, CSS system structure and developer handoff guidance.
Audit screens against Nielsen's heuristics and mobile UX best practices using the StyleSeed Toss design language as the implementation context. — from bitjaru/styleseed
Audit screens against Nielsen's heuristics and mobile UX best practices using the StyleSeed Toss design language as the implementation context.
Design system templates and patterns for UI/UX briefs. Used by /majestic:ux-brief command.
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.
VS Code CSS conventions, file organization, class naming, standard sizes, SplitView/Grid layout, scrollable content, responsive layout, and text overflow/ellipsis patterns.
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.
Comprehensive User Experience (UX) design including research, information architecture, wireframing, and accessibility standards.
Waehlt aesthetische Richtung vor dem Coden (277k+ Installs). Trigger: UI/Frontend-Design.
Build consistent design systems with tokens, components, and theming. Use when creating component libraries, implementing design tokens, building theme systems, or ensuring design…
面向企业UX团队和专业设计师的完整用户体验设计引擎,涵盖深度流程分析、 用户研究方法论、WCAG 2。2无障碍合规、状态机设计模式、企业级UX审计 和全面边界状态设计。Use when 需要设计创作、UI设计、海报制作、品牌视觉时使用。不适用于3D建模和动画制作。适用于独立开发者、企业团队和自动化工作流场景。
Use when designing UI, creating wireframes, running user research, defining information architecture, or reviewing design decisions — regardless of tool (Figma, Sketch, etc.)
Use when building or changing anything a user interacts with - a control, a screen, a flow.
Creates concise early UX discovery artifacts for PRD development, customer development, new product ideas, feature bets, and redesigns.
UX design expert for auditing and redesigning pages, dashboards, and data-dense interfaces via 4-phase collaborative reviews across 8 UX dimensions.
Experto en UX/UI que aplica leyes de diseño y mejores prácticas. Se activa cuando el usuario menciona UX, usabilidad, impacto visual, experiencia de usuario, o quiere mejorar la…
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.
Comprehensive UX analysis using cognitive psychology, ADHD-friendly design, Gestalt principles, and flow state engineering.
Senior designer obsessed with micro-interactions, accessibility, and visual hierarchy. Create interfaces that are beautiful, usable, and inclusive.
Evaluate and improve interface usability using heuristic analysis. Use when the user mentions "usability audit", "UX review", "users are confused", "heuristic evaluation" — from…
Audit every user-facing interaction and suggest UX improvements for the Telegram bot.
UX interaction design patterns including micro-interactions, UI state machines, transition specifications, form UX, animation principles, and feedback patterns.
Define a practical, story-first product experience before UI prototyping. Use when you need one canonical artifact that explains what users see, what they can do, and how screens…