Agent Skills › viralcode/openwhale › ux-decisions

ux-decisions

GitHub

基于 Tommy Geoco 框架的 UI/UX 设计决策辅助技能,提供设计审计、模式选择、视觉层级分析及完整性审查功能,支持快速且意图明确的用户界面设计与检查。

skills/ux-decisions/SKILL.md viralcode/openwhale

Trigger Scenarios

进行 UI/UX 设计决策 执行设计审计与质量审查 选择 UI 组件模式 分析视觉层级与可访问性

Install

npx skills add viralcode/openwhale --skill ux-decisions -g -y
More Options

Use without installing

npx skills use viralcode/openwhale@ux-decisions

指定 Agent (Claude Code)

npx skills add viralcode/openwhale --skill ux-decisions -a claude-code -g -y

安装 repo 全部 skill

npx skills add viralcode/openwhale --all -g -y

预览 repo 内 skill

npx skills add viralcode/openwhale --list

SKILL.md

Frontmatter
{
    "name": "ux-decisions",
    "author": "Tommy Geoco",
    "homepage": "https:\/\/uxdecisions.com",
    "description": "AI skill for the Making UX Decisions framework (uxdecisions.com) by Tommy Geoco. Use for UI\/UX design decisions, design audits, pattern selection, visual hierarchy analysis, and reviewing designs for completeness. Enables rapid, intentional interface design with checklists for visual style, accessibility, social proof, navigation, and more."
}

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

  1. Scaffolding — Rules you use to automate recurring decisions
  2. Decisioning — Process you use for making new decisions
  3. Crafting — Checklists you use for executing decisions

Quick Reference Structure

Foundational Frameworks

  • references/00-core-framework.md — 3 pillars, decisioning workflow, macro bets
  • references/01-anchors.md — 7 foundational mindsets for design resilience
  • references/02-information-scaffold.md — Psychology, economics, accessibility, defaults

Checklists (Execution)

  • references/10-checklist-new-interfaces.md — 6-step process for designing new interfaces
  • references/11-checklist-fidelity.md — Component states, interactions, scalability, feedback
  • references/12-checklist-visual-style.md — Spacing, color, elevation, typography, motion
  • references/13-checklist-innovation.md — 5 levels of originality spectrum

Patterns (Reusable Solutions)

  • references/20-patterns-chunking.md — Cards, tabs, accordions, pagination, carousels
  • references/21-patterns-progressive-disclosure.md — Tooltips, popovers, drawers, modals
  • references/22-patterns-cognitive-load.md — Steppers, wizards, minimalist nav, simplified forms
  • references/23-patterns-visual-hierarchy.md — Typography, color, whitespace, size, proximity
  • references/24-patterns-social-proof.md — Testimonials, UGC, badges, social integration
  • references/25-patterns-feedback.md — Progress bars, notifications, validation, contextual help
  • references/26-patterns-error-handling.md — Form validation, undo/redo, dialogs, autosave
  • references/27-patterns-accessibility.md — Keyboard nav, ARIA, alt text, contrast, zoom
  • references/28-patterns-personalization.md — Dashboards, adaptive content, preferences, l10n
  • references/29-patterns-onboarding.md — Tours, contextual tips, tutorials, checklists
  • references/30-patterns-information.md — Breadcrumbs, sitemaps, tagging, faceted search
  • references/31-patterns-navigation.md — Priority nav, off-canvas, sticky, bottom nav

Usage Instructions

For Design Decisions

  1. Read 00-core-framework.md for the decisioning workflow
  2. Identify if this is a recurring decision (use scaffold) or new decision (use process)
  3. Apply the 3-step weighing: institutional knowledge → user familiarity → research

For New Interfaces

  1. Follow the 6-step checklist in 10-checklist-new-interfaces.md
  2. Reference relevant pattern files for specific UI components
  3. Use fidelity and visual style checklists to enhance quality

For Pattern Selection

  1. Identify the core problem (chunking, disclosure, cognitive load, etc.)
  2. Load the relevant pattern reference
  3. 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.

Version History

  • 238a4b1 Current 2026-08-20 08:22

Same Skill Collection

skills/agenticflow-skill/SKILL.md
skills/agentlens/SKILL.md
skills/apple-hig/SKILL.md
skills/artifacts-builder/SKILL.md
skills/backend-patterns/SKILL.md
skills/bird/SKILL.md
skills/bot-bowl-party/SKILL.md
skills/botpress-adk/SKILL.md
skills/clawdbot-zoho-email/SKILL.md
skills/computer-use/SKILL.md
skills/deliberate-frontend-redesign/SKILL.md
skills/downloads/SKILL.md
skills/downloads/skills-skills-theme-factory/SKILL.md
skills/fanvue/SKILL.md
skills/frontend-design/SKILL.md
skills/human-optimized-frontend/SKILL.md
skills/linux-service-triage/SKILL.md
skills/miniflux-news/SKILL.md
skills/nextjs-expert/SKILL.md
skills/niri-ipc/SKILL.md
skills/nodetool/SKILL.md
skills/pinak-frontend-guru/SKILL.md
skills/react-email-skills/SKILL.md
skills/remotion-best-practices/SKILL.md
skills/remotion-server/SKILL.md
skills/remotion-video-toolkit/SKILL.md
skills/resume-builder/SKILL.md
skills/senior-fullstack/SKILL.md
skills/slack/SKILL.md
skills/smtp-send/SKILL.md
skills/technews/SKILL.md
skills/telegram-reaction-prober/SKILL.md
skills/trmnl/SKILL.md
skills/ui-audit/SKILL.md
skills/ui-design-system/SKILL.md
skills/ui-skills/SKILL.md
skills/ui-ux-master/SKILL.md
skills/ux-audit/SKILL.md
skills/ux-researcher-designer/SKILL.md
skills/vercel-react-best-practices/SKILL.md
skills/vision-sandbox/SKILL.md
skills/weather/SKILL.md
skills/web-design-guidelines/SKILL.md
skills/webapp-testing/SKILL.md
skills/winamp/SKILL.md
skills/xcodebuildmcp/SKILL.md
skills/zoho-email-integration/SKILL.md
skills/comfyui-runner/SKILL.md
skills/ui-ux-pro-max/SKILL.md

Metadata

Files
0
Version
238a4b1
Hash
d0cfc305
Indexed
2026-08-20 08:22

홈 - 위키
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-10-21 01:58
浙ICP备14020137号-1