UI/UX design expert providing actionable feedback on interfaces with focus on usability, accessibility (WCAG), visual hierarchy, and modern design patterns.
Especialista em Design de Interface e Experiência do Usuário para a plataforma Casarcom. Projeta interfaces para a jornada de casamentos (casais, convidados, fornecedores) com…
Interviews and audits product slices with codebase-grounded UI/UX and agent interaction planning until decisions are explicit.
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.
Senior-level UI/UX design expert for building data-driven, premium production interfaces. Use when you need to: 1.
Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools.
面向开发团队和代理机构的专业级React页面生成引擎,支持多页面项目管理、 设计系统持久化、自动化截图审查循环、批量图片处理和Zip打包导出。核心能力: - 多页面项目管理与配置持久化 - 设计系统引用与跨页面一致性保障 - 自动化多分辨率截图审查(桌面/平板/移动) - 批量图片WebP转换与优化报告 - Zip打包导出与独立部署支持 — from…
面向开发团队和代理机构的专业级React页面生成引擎,支持多页面项目管理、 设计系统持久化、自动化截图审查循环、批量图片处理和Zip打包导出。核心能力: - 多页面项目管理与配置持久化 - 设计系统引用与跨页面一致性保障 - 自动化多分辨率截图审查(桌面/平板/移动) - 批量图片WebP转换与优化报告 - Zip打包导出与独立部署支持 — from…
This UI design skill is useful, but its setup script can make persistent privileged Nginx and sys，可生成提升工作效率
Guide UI/UX design, accessibility and product interface consistency for the configured frontend and design system.
Skill para guiar y generar artefactos de UI/UX para aplicaciones Flutter: wireframes, componentes, layouts responsivos, accesibilidad y código de widgets reutilizables.
Use when designing game UI — HUD patterns, menu systems, onboarding flows, feedback loops, accessibility features, or notification systems.
[METHODOLOGY] UI/UX design intelligence database (50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, 25 chart types across 10 stacks — React,…
End-to-end UI/UX design and implementation. Use when the user asks to build new UI from a spec, audit or redesign existing UI, make UI less generic or "AI-looking", improve…
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…
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…
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.
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…
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…
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…
Use when designing UI, creating wireframes, running user research, defining information architecture, or reviewing design decisions — regardless of tool (Figma, Sketch, etc.)
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…