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.

StepActionResult
1/lamina-init <domain>Grounded product, actor, and persona knowledge
2/lamina-design <flow>Validated GraphVersion plus an implementation projection
3Implement with your coding agentApp source in your existing stack
4/lamina-verify guest checkout at http://localhost:3000Behavioral findings backed by runtime evidence
5Run a UI skillVisual and interaction polish
6Repeat the verification missionEvidence that the 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 the accepted behavior findings first
  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