ui-design-iteration
UI Design Iteration
Transform functional-but-flat interfaces into scannable, actionable, accessible designs.
Core Principles
1. Align labels with user intent
- Page titles and nav labels should reflect the user's job, not internal terminology
- Group navigation by intent (Create, Review, Analyze, Manage)
- Ensure naming consistency across title, nav, tabs, and empty states
2. Make primary actions unmistakable
- One primary CTA per screen with consistent placement
- Provide contextual "next step" affordances near where attention already is
- Secondary actions visible but subordinate; tertiary actions in overflow menus
3. Improve scannability through hierarchy
- Strengthen typographic hierarchy: title → section headers → row primary → metadata
- Consistent row heights, spacing, and alignment
More from ozten/skills
nano-banana-image-gen
Generate images using the `imagen` CLI (Gemini and OpenAI models). Use when the user says "nano banana", "generate an image", "create an image", "make me a picture", "image gen", "draw", "illustrate", or wants to create images from text prompts.
14tpm-spec-verify
Enrich a Phase Sepc/PRD with Quality Requirements (Q-nnn) and Acceptance Criteria (AC-nnnn). Use when user wants to add QA perspective, define test criteria, identify non-functional requirements, add verification steps, or prepare a Phase PRD for test planning.
11tpm-roadmap-slice
Generate a Phase Spec/PRD by extracting features from an annotated Vision PRD. Use when user wants to create quarterly phase documentation, extract requirements from vision, plan a development phase, or decompose features into R-nnnn requirements. Requires annotated Vision PRD with F-nnn tags and Coverage Index.
10tpm-spec-trace-ids
Annotate a Spec/PRD with Feature IDs and generate a Coverage Index. Use when user wants to add spec tags to a vision document, create F-nnn identifiers, set up traceability, or initialize a PRD framework for phased development.
9self-improvement
Analyze autonomous loop session efficiency, track improvements, and view trends. Use when the user says "check loop metrics", "how are sessions doing", "analyze iterations", "self-improvement", "loop performance", "session efficiency", or wants to add/search/fix improvement records.
8idea-to-icp
Take a messy business idea and work through to structured GTM primitives — Product, ICP segments, value prop, beachhead market, and channel strategy. Use when the user shares a product idea, says 'decompose my idea', 'help me find my ICP', 'who should I sell to', 'idea to ICP', or wants to structure their go-to-market thinking.
7