skills.rest
VIethoangnguyenle
VIethoangnguyenleCOMMUNITY
Explore all skills by this author →
GitHub

agent-ux

Generate UI screens using existing primitives and composites for enterprise workspace apps.

Updated May 4, 2026
Search Tags:#layout#prototyping#UI design#user interface#component mapping#Stitch MCP#enterprise app
One-click install
npx skills add https://github.com/VIethoangnguyenle/nexus-enterprise --skill agent-ux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: agent-ux
Source: https://github.com/VIethoangnguyenle/nexus-enterprise/tree/main/.agent/skills/agent-ux
Command: npx skills add https://github.com/VIethoangnguyenle/nexus-enterprise --skill agent-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables UX designers to efficiently produce high-fidelity UI screens that align with existing codebase primitives, reducing manual effort and ensuring consistency.

Core Features & Use Cases

  • Design UI Screens: Generate prototypes for interface screens based on specifications and architecture constraints.
  • Component Mapping: Map visual elements to established primitives such as Button, DataTable, and Modal.
  • Use Case: For a new dashboard feature, produce a layout that matches the company's style guide and integrates seamlessly with current components.

Quick Start

Use Stitch MCP to generate a UI screen layout based on the provided design specifications and architecture, ensuring layout and component compatibility.

Frequently Asked Questions about agent-ux

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

FAQPage Schema
How do I generate UI screens that match my existing enterprise app components?▼

You can generate list views, detail panels, and modal overlays that adhere to Lark-inspired layout constraints. This ensures high-fidelity UI designs match your current enterprise app's density and seamlessly integrate into the app shell.

Can I use Stitch MCP to prototype interfaces using existing codebase primitives?▼

Yes, Stitch MCP generates UI screen layouts based on your design specifications and architecture constraints. It maps visual elements to established primitives like Button, DataTable, and Modal to ensure component compatibility.

Does this UI design approach include sidebars and navigation chrome for enterprise apps?▼

No, this UI design approach focuses exclusively on content area design. It deliberately excludes sidebars and navigation chrome to ensure components integrate directly into the existing enterprise app shell.

What is the best way to ensure visual consistency when adding a new dashboard feature?▼

The best way to ensure consistency is producing a layout that maps directly to your company's style guide and existing primitives. This generates high-fidelity UI screens that align with the current codebase, reducing manual effort.

Are there limitations on what UI components I can map during enterprise app prototyping?▼

You are limited to mapping visual elements to your app's established primitives and composites. Designs must adhere to Lark-inspired layout constraints and match the development pattern and density of current modules.

Related Skills

Explore More Design & Creative Skills→
adminsairolotech-bitadminsairolotech-bit

design-exploration

Generate a structured design brief and delegate to the design subagent.

Community
Advanced
Yukine5377Yukine5377

ba-mockup-prompt-gen-layout

Generate a deterministic Vietnamese app-shell prompt with navigation for web and mobile.

Community
Intermediate
bahayonghangbahayonghang
16

image-to-ui-skill

Convert UI screenshots into interactive HTML/CSS/JS prototypes.

Community
Advanced
ihlamuryihlamury
73

rippling-ui-skills

Enforce Rippling UI design constraints for dark mode, Inter font, and 4px grid.

Community
Intermediate