UI UX Pro Max — Prompt Excerpts
Excerpt 1: Skill Description Trigger (from .claude/skills/ui-ux-pro-max/SKILL.md)
Technique: Exhaustive action/project/element/style enumeration as trigger specification
---
name: ui-ux-pro-max
description: "UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color
palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across
10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui,
and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize,
enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel,
e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar,
card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism,
neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design."
---
Analysis: The description is a comprehensive trigger specification that combines domain databases (161 color palettes), action verbs (plan, build, create...), project types, UI elements, and styles. This maximizes the surface area for autonomous skill activation without being vague.
Excerpt 2: Priority Rule Table (from SKILL.md)
Technique: Priority-ordered rule categories with CRITICAL/HIGH/MEDIUM/LOW markers
| Priority | Category | Impact | Domain | Key Checks (Must Have) | Anti-Patterns (Avoid) |
|----------|----------|--------|--------|------------------------|------------------------|
| 1 | Accessibility | CRITICAL | `ux` | Contrast 4.5:1, Alt text, Keyboard nav | Removing focus rings, Icon-only buttons |
| 2 | Touch & Interaction | CRITICAL | `ux` | Min size 44×44px, 8px+ spacing | Reliance on hover only |
| 3 | Performance | HIGH | `ux` | WebP/AVIF, Lazy loading, CLS < 0.1 | Layout thrashing |
| 4 | Style Selection | HIGH | `style`, `product` | Match product type, SVG icons | Mixing flat & skeuomorphic randomly |
Analysis: The priority table is executable: CRITICAL rules must never be violated (accessibility), HIGH rules are near-mandatory, MEDIUM are important, LOW are best-effort. The Domain column maps to the BM25 search domain argument (--domain ux, --domain style, etc.), making the table a navigation guide for the search engine.
Excerpt 3: Design Brief Output Contract (from SKILL.md)
Technique: Example output as forced format specification
PRE-DELIVERY CHECKLIST:
[ ] No emojis as icons (use SVG: Heroicons/Lucide)
[ ] cursor-pointer on all clickable elements
[ ] Hover states with smooth transitions (150-300ms)
[ ] Light mode: text contrast 4.5:1 minimum
[ ] Focus states visible for keyboard nav
[ ] prefers-reduced-motion respected
[ ] Responsive: 375px, 768px, 1024px, 1440px
Analysis: The pre-delivery checklist is a mandatory output artifact — it appears in every design brief. Each item is binary (checkbox), specific (Heroicons/Lucide, not "use icons"), and measurable (4.5:1 not "good contrast", 150-300ms not "fast transitions"). Breakpoints are explicit (375, 768, 1024, 1440).