1. Habit
  2. Skills
  3. Layers Surface skill
jamiemill · 2K installs

Layers Surface skill
Runs by itself, model or flow changes.

Surface matches the model below.

Install the Layers Surface skill and make it a habit: follow https://gethabit.dev/skills/jamiemill/layers-surface.md

  1. 1Copy
  2. 2Paste into Claude Code, Codex or Cursor
  3. 3It runs by itself

2K installs311 starsMIT licenceSource on GitHub ↗

Layers Surface

by jamiemill · 2K installs

The skill

Layers surface is a skill for product designers that audits the surface layer against the layers below: vocabulary, object consistency, completeness, feedback and errors, hierarchy, emotional register and accessibility.

Only when you ask.

The habit

Surface matches the model below.

↻ Runs by itselfmodel or flow changes

How the habit works.
You don't have to.

Three questionsWhen does it start? How does it check its work? What does it remember?

01

It starts by itself

model or flow changes. Runs in Claude Code routine.

  • ↻ model or flow changes
  • event: conceptual model or breadboard updated

02

It checks its work

findings tagged, designer reviews. If a check fails, it tells you.

  • ✓every label is checked against the ubiquitous language list
  • ✓every breadboard affordance is present on the surface
  • ✓every error state diagnoses, explains and offers recovery

03

It remembers

surface audit findings. The next run reads it first: open findings, cross-layer issues and what already works.

loops/surface-audit-loop/findings.md

One run, step by step.
Then it stops.

Stop ruleStops after three techniques per run.

  1. 01

    Establish context

    Ask the designer for the medium and what exists below: model, breadboard and job stories.

  2. 02

    Pick techniques

    Choose the checks that fit the live concern instead of running all ten.

  3. 03

    Run the checks

    Run the chosen checks, such as vocabulary, object consistency, completeness or accessibility.

  4. 04

    Tag findings

    Mark each finding as a surface fix or a deeper-layer issue.

  5. 05

    Route deeper issues

    Send flow gaps to /layers-interaction-flow instead of patching the symptom.

  6. 06

    Capture residue

    Write findings, open decisions and what works well into the findings file.

What it may do.
Nothing more.

Safe by defaultIt writes only in its own folder and asks you before anything goes out.

Is it for you?
Use it when it fits.

Quick checkRead both lists. If the left one sounds like you, the Layers Surface skill helps.

Use it when

  • ✓ Labels feel inconsistent
  • ✓ Users do not know what happened
  • ✓ Accessibility was left to defaults

Skip it when

  • – No conceptual model exists yet
  • – You need a visual design system built

Questions

Layers Surface skill, answered.

Does it only work for screens?

No. It covers screens, voice, physical devices and service touchpoints.

Is it a fixed script?

No. It is a library of techniques; pick the one that fits.

How do I install the Layers Surface skill?

Copy the prompt at the top into your agent. It installs the skill from jamiemill/layers-skills and sets up the habit. Or run npx skills add jamiemill/layers-skills --skill layers-surface.

Is the Layers Surface skill free?

Yes. It is published under MIT. Habit is free too.

Layers Surface. Now as a habit.

Install the Layers Surface skill and make it a habit: follow https://gethabit.dev/skills/jamiemill/layers-surface.md

  • Free
  • No account
  • Undo in one line

All jamiemill skills →More design skills →

Works in

  • Claude Code
  • Codex
  • Cursor
  • ChatGPT
  • Claude app

Made by jamiemill, published under MIT. Habit links to the original and never changes it. Is this your skill?

Copying didn't work here. Select the line and copy it by hand.