ui-ux-design

Generate text-based wireframes, user flows, and IA sketches from textual inputs.

Updated Jan 26, 2026
One-click install
npx skills add https://github.com/simplerick0/com.ackhax.configs --skill ui-ux-design-simplerick0
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-design
Source: https://github.com/simplerick0/com.ackhax.configs/tree/main/skills/ui-ux-design
Command: npx skills add https://github.com/simplerick0/com.ackhax.configs --skill ui-ux-design-simplerick0

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps product teams, designers, and developers translate abstract requirements into concrete text-based UI/UX artifacts such as wireframes, information architecture, and component inventories without heavy design tools.

Core Features & Use Cases

  • User flows: Map journeys and decision points as text-based diagrams.
  • Information architecture: Define navigation and content hierarchy via structured text.
  • Wireframes and components: Produce ASCII or plain-text representations of layouts and reusable pieces.
  • Accessibility and design systems: Capture accessibility constraints and establish reusable design tokens in prose.

Quick Start

Describe a login screen's UI with a simple ASCII wireframe and a brief user-flow narrative that a developer can translate into code.

Frequently Asked Questions about ui-ux-design

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

FAQPage Schema
How do I create text-based wireframes without specialized design tools?

Text-based wireframes can be created directly from textual inputs by generating ASCII or plain-text representations of layouts. This approach allows rapid ideation of screen structures and component inventories without heavy design software.

What is ASCII wireframing used for in UI/UX design?

ASCII wireframing is used for early product ideation, design sprints, and documentation. It translates abstract requirements into concrete text-based UI artifacts like user flows, information architecture sketches, and component layouts for developer handoff.

Can I map user flows and information architecture using plain text?

User flows and information architecture can be mapped using structured text-based diagrams. This includes defining navigation, content hierarchy, journey decision points, and flow diagrams directly in prose or text notation without graphical editors.

Do I need any specific design software to generate UI/UX artifacts?

No specialized design tools are required. UI/UX artifacts such as wireframes, component inventories, and information architecture are generated entirely from textual inputs, making it accessible for developers and product teams without design software.

What's the best way to document accessibility constraints and design tokens?

Accessibility constraints and reusable design tokens can be captured in prose format. By defining these elements within text-based component inventories, teams establish clear design system rules that developers can directly implement in code.

Are there limitations to using ASCII diagrams for UI design?

ASCII diagrams are limited to early-stage ideation, documentation, and text-based clarity. They lack visual fidelity for high-fidelity mockups and cannot replace specialized design tools when detailed pixel-perfect layouts or interactive prototyping is required.