skills.rest
reiserwang
reiserwangCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-design

Orchestrate UI design across Pencil, Stitch, and Figma MCP servers.

Updated Aug 23, 2026
Search Tags:#automation#design#ui#figma#prototyping#ux#wireframe
One-click install
npx skills add https://github.com/reiserwang/Coding_Agent --skill ui-ux-design-reiserwang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-design
Source: https://github.com/reiserwang/Coding_Agent/tree/main/.gemini/skills/ui-ux-design
Command: npx skills add https://github.com/reiserwang/Coding_Agent --skill ui-ux-design-reiserwang

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines UI/UX design by coordinating multiple tooling paths (Pencil, Stitch, Figma MCP servers) and a safe fallback pattern to produce production-ready designs that respect accessibility and design system constraints.

Core Features & Use Cases

  • Orchestrates design tool availability checks across Pencil, Stitch, and Figma MCP servers and adapts the workflow accordingly.
  • Falls back to the embedded /ui-ux-pro-max workflow when external tools are unavailable.
  • Suits designers producing UI patterns, wireframes, style guides, or production-ready components for web and mobile apps.

Quick Start

Provide a design task that evaluates available design tools and returns a ready-to-deliver UI prototype.

Frequently Asked Questions about ui-ux-design

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

FAQPage Schema
How do I automate UI design orchestration across multiple tools?▼

Automate UI design orchestration by coordinating Pencil, Stitch, and Figma MCP servers to generate production-ready interfaces. The workflow evaluates tool availability and adapts automatically to produce wireframes, styling, and components for web and mobile apps.

What happens if Figma or other MCP servers are unavailable during UI prototyping?▼

If Figma or other MCP servers are unavailable during UI prototyping, the workflow automatically falls back to the embedded /ui-ux-pro-max workflow. This ensures you still get deliverable UI designs without interruption from external server downtime.

Can I generate wireframes and style guides for both web and mobile apps?▼

Yes, you can generate wireframes, style guides, and production-ready components for both web and mobile apps. The workflow respects accessibility and design system constraints while orchestrating the available design tools to deliver the required UI patterns.

Do I need to manually check tool availability before generating UI components?▼

No, you do not need to manually check tool availability before generating UI components. The orchestration workflow automatically evaluates available design tools across Pencil, Stitch, and Figma MCP servers, adapting the UI design process to the accessible tools.

What is the best way to create accessible UI designs with flexible tooling?▼

The best way to create accessible UI designs with flexible tooling is to use an orchestration workflow that coordinates Pencil, Stitch, and Figma MCP servers. It adapts to available tools and respects accessibility and design system constraints for production-ready interfaces.

Related Skills

Explore More Design & Creative Skills→
windyskywindysky

moai-design-tools

Generate React/Tailwind components from Figma and Pencil designs.

Community
Advanced
pawan0631pawan0631

figma-implement-design

Convert Figma design specifications into production-ready UI code.

Community
Advanced
taewook486taewook486

moai-design-tools

Fetch Figma design context and export Pencil designs into React and Tailwind CSS code.

Community
Advanced
catlog22catlog22
511

maestro-ui-design

Generate UI design prototypes and extract design tokens with OKLCH colors.

Community
Advanced