Back

Principle Experience First

Design & UI8K installs

What it does

Apply when product, UX, or feature-scope tradeoffs come up. Choose user delight over implementation convenience; ship fewer polished features over more rough ones.

Install

npx skills add https://github.com/backnotprop/pstack --skill principle-experience-first

Website

www.skills.sh/backnotprop/pstack/principle-experience-first

Details

From the skill’s SKILL.md or README, by its authors. View the original

Experience First

When implementation convenience conflicts with user delight, choose delight.

  • Every feature, control, and option must be justified
  • Ship less, ship better (polished experience with three features beats rough one with ten)
  • Prototype before committing (design decisions are cheaper in throwaway HTML than production code)
  • Get the details right (transitions, alignment, spacing, feedback, error states)
  • Tighten the core loop (every feature should serve the central workflow or get out of the way)

The user is whoever consumes the work. For a UI that is the end user. For a library or an internal API it is the colleague who imports it. The engineer who maintains the code next is a user too. Weigh their experience the same way, and explain impact from their perspective.

Foundations should serve the experience. Foundational thinking governs the sequence of work. This principle governs the target.

More Design & UI skills

See all

  • Design & UI

    Grill Me

    A relentless interview to sharpen a plan or design.

    npx skills add https://github.com/mattpocock/skills --skill grill-me
    1.5M installs

  • Design & UI

    Frontend Design

    Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

    npx skills add https://github.com/anthropics/skills --skill frontend-design
    1.1M installs

  • Design & UI

    Prototype

    Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

    npx skills add https://github.com/mattpocock/skills --skill prototype
    1.1M installs

  • Design & UI

    UI Taste

    ui-taste skill from uizze.sh.

    npx skills add https://github.com/uizze.sh --skill ui-taste
    1M installs

Skills are shared by members and not reviewed by us. Read a skill’s code before you install it.