skills.rest
sc30gsw
sc30gswCOMMUNITY
Explore all skills by this author →
GitHub

ui-advice

Provide UI design pattern recommendations with ASCII wireframes.

11|2|Updated Aug 1, 2025
Search Tags:#ui#wireframes#ux#design-patterns#ascii#design-guidance#pattern-exploration
One-click install
npx skills add https://github.com/sc30gsw/claude-code-customes --skill ui-advice
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-advice
Source: https://github.com/sc30gsw/claude-code-customes/tree/main/.claude/skills/ui-advice
Command: npx skills add https://github.com/sc30gsw/claude-code-customes --skill ui-advice

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides UI design pattern guidance and ASCII wireframes.

Core Features & Use Cases

  • Pattern recommendations: 3-5 UI design patterns tailored to requirements
  • Explanations: features, trade-offs, and use cases
  • ASCII wireframes: lightweight, text-based wireframes for each pattern
  • Recommendations: most suitable pattern for a given scenario

Quick Start

Describe your UI goals and constraints to receive pattern recommendations and ASCII wireframes.

Frequently Asked Questions about ui-advice

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

FAQPage Schema
How do I get ASCII wireframes for UI design patterns?▼

UI design pattern guidance helps you select layouts by providing 3-5 tailored recommendations. It explains features, trade-offs, and use cases, and generates plain ASCII wireframes for each pattern to visualize the structure quickly.

What is the best way to compare UI design patterns for a specific scenario?▼

Comparing UI design patterns involves evaluating provided explanations of features and trade-offs. The system outputs multiple pattern options with plain ASCII wireframes, allowing you to contrast them and select the most suitable pattern for your scenario.

How do I use text-based wireframes for pattern exploration?▼

Using text-based wireframes for pattern exploration involves requesting recommendations based on your UI goals. You receive deterministic, YAML-friendly ASCII wireframes for multiple patterns, allowing lightweight visual comparison of structural layouts.

Can I get UI design guidance without using complex design software?▼

You can get UI design guidance without complex software by requesting pattern recommendations and ASCII wireframes. This approach provides lightweight, plain text-based visual layouts and trade-off explanations directly in your text environment.

Does UI pattern guidance work for YAML-friendly environments?▼

UI pattern guidance works for YAML-friendly environments because outputs are deterministic and structured. Named metadata and plain ASCII wireframes integrate easily into text-based configuration and documentation workflows.

Related Skills

Explore More Design & Creative Skills→
kireevkit15-syskireevkit15-sys

shape

Run a structured discovery interview and generate a design brief.

Community
Advanced
jeffwweeejeffwweee

ui-designer

Generate HTML wireframes, React/MUI mockups, and design specifications.

Community
Intermediate
AlteriomAlteriom

architecture-patterns

Select architecture patterns for systems using trade-off criteria and verification checklists.

Official
Advanced
partme-aipartme-ai
610

axure

Guide Axure RP prototyping for wireframes, interactions, and dynamic panels.

Official
Basic