amw-ui-ux-reasoning

Proposes three style, palette, and font-pairing candidates when no design system exists.

Updated Jul 8, 2026
One-click install
npx skills add https://github.com/Emasoft/ai-maestro-webdesign --skill amw-ui-ux-reasoning-emasoft
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: amw-ui-ux-reasoning
Source: https://github.com/Emasoft/ai-maestro-webdesign/tree/main/skills/amw-ui-ux-reasoning
Command: npx skills add https://github.com/Emasoft/ai-maestro-webdesign --skill amw-ui-ux-reasoning-emasoft

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? When a design task starts with no design system, brand tokens, or reference URL, designers face an infinite-choice space. This Skill collapses that space into a confirmable shortlist of visual-DNA anchors so the user can pick a direction before any HTML or wireframes are produced. ## Core Features & Use Cases - Curated fallback library: 161 industry reasoning rules, 67 named UI styles, 161 color palettes, 57 font pairings, and 24 landing-page patterns, all pre-filtered against an AI-slop avoidance checklist. - Three-candidate output: Always emits three style, three palette, and three font-pair candidates (never a single recommendation), annotated with industry-specific anti-patterns such as fintech or healthcare constraints. - Orchestrated handoff: Runs only as a last-resort fallback under the design-principles orchestrator and hands the picked anchors to the ASCII wireframing step. - Use Case: A user says "I don't have a design system, pick a style for me" for a fintech dashboard. The Skill returns three slop-filtered style/palette/font triples with playful fonts and neon palettes excluded, then the user picks and wireframing resumes. ## Quick Start Tell the assistant "I have no design system, pick a style, palette, and font pairing for my product" and choose one candidate from each of the three columns it presents.

Frequently Asked Questions about amw-ui-ux-reasoning

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

FAQPage Schema
How do I choose a UI style when I have no design system?▼

Activate the fallback flow with a phrase like "pick a style for me" after confirming no brand tokens or references exist. The Skill returns three style candidates with keywords and best-for notes, plus matching palette and font-pairing options, and you pick one from each column.

What font pairings avoid generic AI-looking design?▼

The catalog ships 57 heading-plus-body pairings pre-filtered to exclude Inter, Roboto, Arial, and system-default stacks. Examples include Cormorant Garamond with Montserrat for elegant tones and IBM Plex Serif with IBM Plex Sans for technical products, each with a Google Fonts URL.

When should this fallback library not be used?▼

Skip it whenever any design anchor exists, such as a reference URL, brand document, existing components, or a screenshot. It is a last-resort path only; generic requests like "design a landing page" route through normal context-gathering instead.

Does it handle industry-specific design constraints?▼

Yes, 161 reasoning rules encode pattern, style priority, color mood, and anti-patterns per industry. For example, fintech rules forbid playful fonts and neon colors, while healthcare rules ban red primary buttons and dark mode on medical data.

Why are some palettes or fonts rejected from the output?▼

Every candidate is screened against the AI-slop avoidance checklist before emission. Purple-blue gradients, rounded cards with accent bars, and default fonts are filtered out, and palettes that cannot be cleanly re-expressed in oklch are dropped.