Skip to content
ux-design logo

Skill: ux-design

ux-design

Intuitive user experiences in terminal applications - mental models, interaction patterns

baphled/dotopencode0installs1stars

SKILL.md

Full skill instructions

Skill: ux-design

What I do

I help you create intuitive and user-friendly experiences in terminal applications. I focus on matching user expectations, providing clear feedback, and ensuring that complex tasks are easy to perform. I ensure that your CLI or TUI is a tool that users enjoy using rather than a source of frustration.

When to use me

  • When you're designing the interaction flow of a new CLI tool.
  • When you're writing error messages or help text.
  • When you're adding confirmation prompts for destructive actions.
  • When you're designing the onboarding process for new users.

Core principles

  1. Match user expectations, follow established CLI conventions and use familiar terms and patterns.
  2. Progressive disclosure, provide a simple default experience while allowing advanced users to access more features via flags or sub-commands.
  3. Immediate feedback, always provide a clear and immediate response to user actions so they know what happened.
  4. Forgiving design, make it easy for users to undo actions or get help when they're stuck.

Patterns & examples

Error message quality

Provide clear information about what went wrong and how to fix it.

  • Good, "Error: Could not find config file at ~/​.config/​app.json. Run app init to create one."
  • Bad, "File not found."

Confirmation for destructive actions

Prevent accidental data loss.

  • Example, "Are you sure you want to delete all records? This action cannot be undone. [y/​N]"

Help text design

Ensure that help text is readable and useful.

  • Pattern, Group flags by category (e.g., Output, Authentication) and provide clear examples of common commands.

Feedback loops

Keep the user updated on the status of their request.

  • Action, Use success messages like "Successfully updated record #123" or failure messages with specific error codes.

Anti-patterns to avoid

  • ❌ Silent failures, failing to provide any output when a command doesn't work as expected.
  • ❌ Inconsistent flags, using different names for the same action across different commands (e.g., -f for force in one command and --force in another).
  • ❌ Hostile error messages, using jargon or blaming the user for mistakes.
  • ❌ Opaque progress, making the user wait for a long-running task without any indication of progress.

KB Reference

~/​vaults/​baphled/​3. Resources/​Knowledge Base/​AI Development System/​Skills/​UI-Frameworks/​UX Design.md

Related skills

  • ui-design, for the visual layer of the interface.
  • information-architecture, for structuring content and navigation.
  • accessibility, for ensuring the experience is inclusive.
  • huh, for building user-friendly interactive forms.

More skills from baphled

task-tracker logo
baphled/dotopencode

task-tracker

Track progress through structured task lists with complexity scoring and token tracking

1 0
View
style-guide logo
baphled/dotopencode

style-guide

Style guide enforcement and documentation conventions

1 0
View
tdd-first logo
baphled/dotopencode

tdd-first

Enforce strict test-first discipline — no implementation code before a failing test exists

1 0
View
technical-debt logo
baphled/dotopencode

technical-debt

Identifying, documenting, and systematically managing technical debt to maintain codebase health

1 0
View
tdd-workflow logo
baphled/dotopencode

tdd-workflow

DEPRECATED - Use bdd-workflow instead

1 0
View
systems-thinker logo
baphled/dotopencode

systems-thinker

Understand complex systems, interconnections, and emergent behaviors

1 0
View
trade-off-analysis logo
baphled/dotopencode

trade-off-analysis

Systematically evaluate trade-offs when comparing alternatives

1 0
View
tool-usage-discipline logo
baphled/dotopencode

tool-usage-discipline

Use skills for domain knowledge, MCP tools over manual lookups

1 0
View
writing-style logo
baphled/dotopencode

writing-style

Personal writing voice and communication style conventions

1 0
View
token-cost-estimation logo
baphled/dotopencode

token-cost-estimation

Estimate and track token costs before work sessions - complexity, duration, resources

1 0
View
skill-discovery logo
baphled/dotopencode

skill-discovery

Automatically discover/load local skills and suggest external skills based on task context

1 0
View
token-efficiency logo
baphled/dotopencode

token-efficiency

Maximise AI interaction value per token - techniques, patterns, integration with cost estimation

1 0
View

Popular AI tools

Kaiber logo
Video

Kaiber

Generate, edit, and beat-sync AI video with leading models in one workspace.

Paid
View
Vimcal logo
Productivity

Vimcal

The world's fastest calendar for remote work

Free
View

Transform Your Design with AI Designer by ImgCreator.ai

Freemium
View
Akool AI logo
Content & writing

Akool AI

Revolutionizing Video Production with AI-Powered Creativity

Paid
View

Extend an image past the frame and let AI fill the new aspect ratio.

Freemium
View
StarByFace logo
Security

StarByFace

Discover your celebrity doppelgänger with StarByFace!

Free
View
C

ChainClarity explains 700+ crypto whitepapers in plain English, with layered summaries, comparisons, research tools, alerts, and a $4.99 Pro plan.

Freemium
View
Opus Clip logo
Coding & apps

Opus Clip

Opus.ai: Revolutionize Your Web Experience

Free
View