mcpField
S
subtractive-design

subtractive-design

github.com/kemiljkDesign & UI6166 installsUpdated 1w ago
Repository

About subtractive-design

subtractive-design is a method for interface designers that treats removal as a core design tool. It focuses on purposeful elements, fewer user choices, and progressive disclosure to keep interfaces clear and restrained.

Key features

  1. 01Check each element's purpose
  2. 02Reduce choices at each step
  3. 03Use space to create hierarchy
  4. 04Reveal complexity progressively
  5. 05Review and remove interface elements

Use cases

  1. 01Simplify screens with many controls
  2. 02Clarify a page's primary action
  3. 03Remove repeated copy and decoration
  4. 04Review interfaces for unnecessary elements

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/kemiljk/skills --skill subtractive-design

After installing, type/subtractive-designin Claude Code to confirm it loaded.

Details

From the project README

Subtractive Design

Design is subtractive. Absence creates hierarchy, calm, and focus. Adding feels productive; removing is usually the harder and better move.

Defaults

  1. Require a demonstrable purpose for every element, token, and interaction.
  2. Prefer fewer decisions for the user at each step.
  3. Use space, silence, and restraint as active design materials.
  4. Hide necessary complexity rather than celebrating it.
  5. Cut anything that exists only because it was easy to generate.

Prefer / Reject

PreferReject
Clear primary actionEqual-weight button forests
Progressive disclosureShowing every option up front
Shared tokens and patternsOne-off flourishes per screen
Defaults that remove setupPreference panels for undecided design
Calm empty spaceFilling space because it is empty

Process

  1. List what the screen must accomplish.
  2. Mark every element that does not serve that list.
  3. Remove or demote the marked set.
  4. Recheck whether the remaining pieces still need labels, chrome, or motion.
  5. Stop when further removal would hide a needed decision or affordance.

Review checklist

  • Can any control be removed without harming the task?
  • Is there a single clear primary action?
  • Are secondary actions visually secondary?
  • Is any copy repeating what the UI already shows?
  • Are decorative layers earning their keep?
  • Would a quieter version communicate the same intent faster?

Source essays

  • Beauty comes from absence
  • Designing the invisible
  • Hygge in interface design

Comments

Markdown supported