AI Skills for Product Designers (Website)
Layers is an open-source AI skills pack that forces LLMs to navigate seven structured design layers instead of just generating visual UI.
Deep dive
- Framework: Operates across seven layers: Surface, Interaction, Conceptual Model, Product Strategy, User Needs, Domain, and Observed Behavior.
- AI Tool Integration: Works with Claude Code, Cursor, and OpenAI Codex via CLI commands.
- Output: Focuses on decision documentation rather than visual output, creating job stories, strategy trees, and object maps.
- Governance: Allows connecting to tools like Notion, Linear, or GitHub via MCP to store design decisions.
Decoder
- MCP (Model Context Protocol): An open standard that allows AI models to connect to external data sources and tools to perform actions like writing tickets or updating documentation.
- Mermaid: A Markdown-based syntax used to generate diagrams and flowcharts.
Original article
Design beyond the surface.
Whether you're directing your AI or working alongside it, Layers walks you both through all seven layers of product design — so the decisions underneath the screen actually get made.
Install in Claude Code, Cursor, Codex & more
npx skills add jamiemill/layers-skills
Install once with the skills package, then run any /layers-* skill in your AI tool. Works with:
- Claude Code
- Cursor
- OpenAI Codex
- pi.dev
- + 50 more
Not sure where to start? Run /layers-orient — it audits all seven layers and tells you which one is your bottleneck.
Start broad
When you don't yet know which layer the problem lives at.
- I've been asked to redesign onboarding — use the Layers skills to help me think it through properly.
- Help me figure out why my team can't agree on how to design this feature. Use Layers to surface what we're actually disagreeing about.
- I'm stuck on this design and I don't know what's wrong. Use Layers to diagnose where the real problem is.
- Audit my mockups with the Layers skills — what decisions am I assuming, and which ones haven't actually been made?
Or go straight to a layer
When you know which decisions you need to make.
- I've got 12 user interviews. Run
/layers-user-needsand turn them into prioritised job stories. - Help me model the objects, relationships, and vocabulary for this scheduling tool with
/layers-conceptual-model. - Run
/layers-interaction-flowfor this checkout — surface the edge cases and empty states I'm missing. - My team can't agree on terminology across product, design, and engineering. Use
/layers-domainto map the conflicts.
Decisions, not screens.
Skills capture design decisions as markdown and mermaid — job stories, strategy trees, object maps, breadboards, decision inventories. Plain text, readable by humans, by AI, and by every other tool you use.
Need decisions to live in Linear, Notion, Figma, or GitHub instead? Connect an MCP and the skill writes there directly.
The Layers framework, made available to AI.
Layers is a model of product design as seven layers across three zones. The framework is by Jamie Mill; the skills make it executable inside the AI tools you already use.
Fresh dev news, AI-digested daily. Never miss a trend at devoured.fyi