\"Design complete typography system with font selection, scale creation, and responsive behavior. 設計完整字體系統：字體選擇、比例建立與響應式行為。 Use when: creating typography system from scratch,…
根据PRD生成专业级界面结构和视觉方向。集成 ui-ux-pro-max 设计系统，提供 67 种样式、96 种调色板、57 种字体组合和 100 条行业推理规则。
A design/frontend skill bundle — the single entry point for high-fidelity UI work. Loading ui-pack pulls in the whole UI toolchain at once: clone-website (extraction + builder…
Diseña, revisa y mejora pantallas, componentes y flujos de UX/UI para el proyecto TechFitness SaaS. Activar cuando el usuario pida crear una pantalla nueva, un componente, revisar…
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.
Experience-level engineering canon, the UI/UX counterpart to software-design-principles (code-level) and architectural-design-principles (system-level).
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.
Design GTM UI/UX patterns — landing pages (hero, proof, CTA), forms (progressive disclosure, inline validation), signup flows (activation, time-to-value), dashboards (KPI…
Master UI/UX design skill combining Apple HIG, modern web design, SuperDesign patterns, and universal design principles.
[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…
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.
Point to the ui-ux-pro-max skill by nextlevelbuilder and explain when to use it. Use when asked how to install ui-ux-pro-max, which skill generates and persists a design system,…
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…
Design accessible UX — keyboard navigation, focus order, semantics, contrast, and assistive-technology support — with inclusive interaction patterns.
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.