ui-ux-experience-architect

Guide AI agents through end-to-end UI/UX design workflows with structured documentation.

Updated Mar 14, 2026
One-click install
npx skills add https://github.com/Emmraan/agent-skills --skill ui-ux-experience-architect
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-experience-architect
Source: https://github.com/Emmraan/agent-skills/tree/main/skills/ui-ux
Command: npx skills add https://github.com/Emmraan/agent-skills --skill ui-ux-experience-architect

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the complex challenge of designing intuitive, effective, and accessible user interfaces and experiences for digital products, ensuring alignment with business goals and user needs.

Core Features & Use Cases

  • End-to-End Design Workflow: Guides the AI through discovery, user research, IA, wireframing, visual design, interaction design, and documentation.
  • Systematic Approach: Employs established UX principles and methodologies for structured decision-making.
  • Use Case: Design a new onboarding flow for a SaaS application, ensuring it is intuitive for new users and effectively communicates the product's value proposition.

Quick Start

Design a user-friendly interface for a mobile banking application, focusing on the core features of checking balances and transferring funds.

Frequently Asked Questions about ui-ux-experience-architect

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a user-centered digital experience for a new SaaS onboarding flow?

Designing user-centered digital experiences requires an end-to-end UI/UX workflow. This capability guides AI agents from initial discovery and user research through information architecture, wireframing, visual systems, and interaction design to produce structured design documentation.

What is the best way to structure information architecture for a mobile banking interface?

Structuring information architecture for a mobile banking interface involves mapping business goals and user needs. This systematic approach applies established UX principles to guide layout decisions, ensuring core features like checking balances and transferring funds are intuitive and accessible.

How does accessibility evaluation integrate into the UX design workflow?

Accessibility evaluation integrates into the UX design workflow as a core component of experience architecture. The process systematically assesses usability and accessibility standards alongside visual design and interaction logic to ensure well-rationalized, inclusive design decisions.

Can I use this approach to design interfaces without prior UX research data?

Yes, you can design interfaces without prior UX research data because the workflow includes an initial discovery phase. It guides the AI to understand business goals and user needs first, establishing foundational context before proceeding to interface layout and visual systems.

What is the difference between wireframing and interaction design in product design?

In product design, wireframing establishes structural interface layouts, while interaction design defines how users engage with those elements. This capability systematically separates these phases, applying established UX principles to produce well-rationalized decisions for both structure and behavior.

Why does my digital product design lack alignment with business goals?

Digital product design lacks alignment with business goals when it skips the discovery phase. This workflow solves that by starting with business objectives and user needs, ensuring subsequent information architecture, visual systems, and interface decisions remain strategically aligned.