Skip to main content

Learn headless product design for AI coding agents

Guides for developers who build with AI coding agents. Spec behavior: states, flows, permissions, and verification, before your agent writes application source.

Curated by Aryan Iyappan · Updated 2026-07-12

Why behavior design matters

AI coding agents optimize for the happy path. Without a behavior contract, screens look correct while illegal states, skipped gates, and dead-end flows ship to production.

Agents ship happy paths

Screens appear fast, but gates, illegal states, and dead ends slip through after merge when no behavior contract defined which transitions are legal.

Design means behavior

Which states exist, who can act, and what happens when something fails, not pixels, typography, or component libraries.

Contract, then verify

Spec rules in-repo as machine-readable artifacts, implement from them, then walk the live build with persona checks until invariants hold.

Start here

The category-defining guide: definition, stack fit, comparisons to UI skills and plan mode, HavenStay worked example, and when behavior contracts are worth it.

12 min read

Read the full guide

What this guide covers

  • Clarifies headless product design vs UI skills, headless CMS, and app builders.
  • Shows what a behavior contract contains and where it lives in your repo.
  • Walks through HavenStay: the same app with and without a spec-first build.
  • Helps you decide when states, roles, and gates justify a formal contract.

Lamina vs your AI workflow

Pick the situation that matches your stack, or browse comparisons by tool type. Each guide includes scenarios and honest when-you-do-not-need-Lamina guidance.

Open compare

Browse by tool type

Jump straight to a comparison when you already know the category.

Full index with matrices

Frequently asked questions

Quick answers about headless product design and this Learn section.

What is headless product design?

Speccing states, flows, permissions, and edge cases as contracts before your agent writes app source. Pairs with UI skills.

Who is the Learn section for?

Developers building with AI coding agents who want to spec product behavior before writing application source.

Where should I start?

Read the headless product design guide, then What is Lamina?, the HavenStay demo, and install when you are ready.

How is this different from UI skills?

UI skills polish look. Headless product design specs behavior: states, permissions, flows. Compose both.

Do I need Lamina to practice headless product design?

No. Plan mode, ADRs, or custom skills work too. Lamina packages the workflow if you want slash commands and verification.

Install in one command.

A headless product-design skill for your AI coding agent. Then run the design → implement → verify loop on your next feature.

Apache-2.0 · open source. Star on GitHub if Lamina saves you a loop.

npx skills install aryaniyaps/lamina

Works with your coding agent

  • Cursor
  • Claude Code
  • Codex
  • Gemini
  • Pi
  • and more