Skip to Content
GuidesPair with UI Skills

Pair with UI skills

Lamina and UI design skills solve different problems. Use them together — Lamina owns product behavior, UI skills own how it looks.

Quick path

  1. /lamina-init <domain> → domain charter
  2. /lamina-design → behavior contract
  3. Implement and /lamina-verify
  4. UI skill pass → visual polish
  5. /lamina-verify again → confirm behavior still holds

The split

LayerSkill examplesOutput
BehaviorLaminaStates, roles, flows, invariants, verification
PixelsImpeccable, UI UX Pro Max, frontend-designTypography, spacing, components, visual polish

Lamina never writes styling, colors, typography, or component libraries. UI skills never define permission matrices or state machines.

1. /lamina-init <domain> → domain charter 2. /lamina-design <flow> → implement.md (behavior contract) 3. Your agent implements → app source from contract 4. /lamina-verify guest checkout at http://localhost:3000 → fix behavior gaps 5. UI skill pass → polish interface 6. /lamina-verify guest checkout at http://localhost:3000 → confirm behavior still holds

Compatible UI skills

SkillWhat it adds
ImpeccableDesign system enforcement, component quality
UI UX Pro MaxUX patterns, accessibility, responsive layouts
frontend-designVisual design, typography, color systems

Why not UI skills alone?

UI skills polish how it looks. They do not:

  • Define permission matrices across actors
  • Specify state machines with recovery paths
  • Catch impossible states (cancelled + confirmed simultaneously)
  • Verify behavior on a live running app

That is Lamina’s job.

Conflict resolution

Advanced: If a UI skill changes behavior while polishing — adding a step, removing a gate, or altering a flow — re-verify immediately. Styling passes can accidentally break invariants.

When UI changes affect behavior:

  1. Run /lamina-verify to catch regressions
  2. If findings appear, fix behavior first (from fix.md)
  3. Then continue visual polish
  4. Re-verify after each significant UI pass

Example pairing

Design guest checkout with Lamina (after /lamina-init):

/lamina-design Guest checkout with hold, pay, cancel

Implement and verify. Then run your UI skill on the checkout page for visual polish. Re-verify with /lamina-verify to confirm behavior was not broken by styling changes.

Next steps

Last updated on