ux-decisions
2
总安装量
2
周安装量
#74770
全站排名
安装命令
npx skills add https://github.com/mmcmedia/openclaw-agents --skill ux-decisions
Agent 安装分布
openclaw
2
gemini-cli
2
antigravity
2
claude-code
2
codex
2
kiro-cli
2
Skill 文档
UX Decisions Skill
A comprehensive UI design decision-making framework based on “Making UX Decisions” by Tommy Geoco (uxdecisions.com). Enables rapid, intentional interface design in competitive, high-pressure environments.
When to Use This Skill
- Making UI/UX design decisions under time pressure
- Evaluating design trade-offs with business context
- Choosing appropriate UI patterns for specific problems
- Reviewing designs for completeness and quality
- Structuring design thinking for new interfaces
Core Philosophy
Speed â Recklessness. Designing quickly is not automatically reckless. Recklessly designing quickly is reckless. The difference is intentionality.
The 3 Pillars of Warp-Speed Decisioning
- Scaffolding â Rules you use to automate recurring decisions
- Decisioning â Process you use for making new decisions
- Crafting â Checklists you use for executing decisions
Quick Reference Structure
Foundational Frameworks
references/00-core-framework.mdâ 3 pillars, decisioning workflow, macro betsreferences/01-anchors.mdâ 7 foundational mindsets for design resiliencereferences/02-information-scaffold.mdâ Psychology, economics, accessibility, defaults
Checklists (Execution)
references/10-checklist-new-interfaces.mdâ 6-step process for designing new interfacesreferences/11-checklist-fidelity.mdâ Component states, interactions, scalability, feedbackreferences/12-checklist-visual-style.mdâ Spacing, color, elevation, typography, motionreferences/13-checklist-innovation.mdâ 5 levels of originality spectrum
Patterns (Reusable Solutions)
references/20-patterns-chunking.mdâ Cards, tabs, accordions, pagination, carouselsreferences/21-patterns-progressive-disclosure.mdâ Tooltips, popovers, drawers, modalsreferences/22-patterns-cognitive-load.mdâ Steppers, wizards, minimalist nav, simplified formsreferences/23-patterns-visual-hierarchy.mdâ Typography, color, whitespace, size, proximityreferences/24-patterns-social-proof.mdâ Testimonials, UGC, badges, social integrationreferences/25-patterns-feedback.mdâ Progress bars, notifications, validation, contextual helpreferences/26-patterns-error-handling.mdâ Form validation, undo/redo, dialogs, autosavereferences/27-patterns-accessibility.mdâ Keyboard nav, ARIA, alt text, contrast, zoomreferences/28-patterns-personalization.mdâ Dashboards, adaptive content, preferences, l10nreferences/29-patterns-onboarding.mdâ Tours, contextual tips, tutorials, checklistsreferences/30-patterns-information.mdâ Breadcrumbs, sitemaps, tagging, faceted searchreferences/31-patterns-navigation.mdâ Priority nav, off-canvas, sticky, bottom nav
Usage Instructions
For Design Decisions
- Read
00-core-framework.mdfor the decisioning workflow - Identify if this is a recurring decision (use scaffold) or new decision (use process)
- Apply the 3-step weighing: institutional knowledge â user familiarity â research
For New Interfaces
- Follow the 6-step checklist in
10-checklist-new-interfaces.md - Reference relevant pattern files for specific UI components
- Use fidelity and visual style checklists to enhance quality
For Pattern Selection
- Identify the core problem (chunking, disclosure, cognitive load, etc.)
- Load the relevant pattern reference
- Evaluate benefits, use cases, psychological principles, and implementation guidelines
Decision Workflow Summary
When facing a UI decision:
1. WEIGH INFORMATION
ââ What does institutional knowledge say? (existing patterns, brand, tech constraints)
ââ What are users familiar with? (conventions, competitor patterns)
ââ What does research say? (user testing, analytics, studies)
2. NARROW OPTIONS
ââ Eliminate what conflicts with constraints
ââ Prioritize what aligns with macro bets
ââ Choose based on JTBD support
3. EXECUTE
ââ Apply relevant checklist + patterns
Macro Bet Categories
Companies win through one or more of:
| Bet | Description | Design Implication |
|---|---|---|
| Velocity | Features to market faster | Reuse patterns, find metaphors in other markets |
| Efficiency | Manage waste better | Design systems, reduce WIP |
| Accuracy | Be right more often | Stronger research, instrumentation |
| Innovation | Discover untapped potential | Novel patterns, cross-domain inspiration |
Always align micro design bets with company macro bets.
Key Principle: Good Design Decisions Are Relative
A design decision is “good” when it:
- Supports the product’s jobs-to-be-done
- Aligns with company macro bets
- Respects constraints (time, tech, team)
- Balances user familiarity with differentiation needs
There is no universally correct UI solutionâonly contextually appropriate ones.