skills.rest
hpuri
hpuriCOMMUNITY
Explore all skills by this author →
GitHub

A2UI UX Designer

Generate UX design documents and interactive wireframes from agent interactions.

Updated May 13, 2026
Search Tags:#UX#UI design#interactive design#wireframe#A2UI
One-click install
npx skills add https://github.com/hpuri/salus-a2ui --skill a2ui-ux-designer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: A2UI UX Designer
Source: https://github.com/hpuri/salus-a2ui/tree/main/skills/a2ui_ux_designer
Command: npx skills add https://github.com/hpuri/salus-a2ui --skill a2ui-ux-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the design of interactive Agent-Driven User Interfaces (A2UI), reducing manual work and ensuring intuitive, effective user experiences.

Core Features & Use Cases

  • Automated UI Flow Design: Generates UX design documents and interactive wireframes from agent interactions.
  • Component Mapping: Translates agent flows into A2UI components, leveraging documentation and reference materials.
  • Design Documentation: Captures design decisions and visual representations in structured markdown documents.
  • Use Case: When an A2UI developer needs to design a new user interface for an agent, this Skill can assist by automating the creation of the initial design and wireframes, based on the agent's behavior and requirements.

Quick Start

Run the update script to sync with A2UI component gallery and specifications, then interact with the agent to test its flow and design the UI.

Frequently Asked Questions about A2UI UX Designer

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

FAQPage Schema
How do I generate UX wireframes from agent interactions automatically?▼

To generate UX wireframes from agent interactions automatically, use this Skill to translate agent flows into A2UI components. It processes agent behaviors and outputs structured markdown design documents alongside interactive wireframes.

What is Agent-Driven User Interface (A2UI) design?▼

Agent-Driven User Interface (A2UI) design structures UI components and interactive flows around agent behaviors. This Skill automates that process by mapping agent interactions into specific UI components using local reference schemas.

How do I map A2UI components from agent flows?▼

You can map A2UI components from agent flows by running the update script to sync with the component gallery. The Skill then translates agent interactions into appropriate UI components based on local documentation.

Do I need local reference documentation to design A2UI interactive flows?▼

Yes, local reference documentation and component schemas are required. The Skill relies on these local references to accurately map agent interactions to A2UI components and generate interactive wireframes.

Can I capture UI design decisions in structured markdown for A2UI?▼

Yes, you can capture UI design decisions in structured markdown for A2UI. The Skill automates design documentation by outputting visual representations and design choices into structured markdown documents.

What is the best way to automate interactive wireframe creation for agent interfaces?▼

The best way to automate interactive wireframe creation for agent interfaces is using a Skill that maps agent behaviors to component schemas. This approach eliminates manual wireframing by generating designs directly from agent interactions.

Related Skills

Explore More Design & Creative Skills→
agentscope-aiagentscope-ai
28.7k

A2UI_response_generator

Retrieve A2UI schemas and template examples to generate valid JSON payloads.

Official
Basic
VeerMuchandiVeerMuchandi
2

A2UI UX Designer

Designs interactive UIs for Agent-Driven User Interfaces (A2UI) without generating code.

Community
Advanced
googlegoogle
455

uiblocks

Design interactive 3D user interfaces for XR Blocks with Three.js and uikit.

Official
Advanced
BellaBeBellaBe
37

product-design-wireframes

Convert user flows into wireframe specifications using atomic design hierarchy.

Community
Advanced