layers-intro

Introduce the seven-layer product design model to orient design sessions.

Updated Apr 8, 2026
One-click install
npx skills add https://github.com/codesour-design/gravity --skill layers-intro
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: layers-intro
Source: https://github.com/codesour-design/gravity/tree/main/.agents/skills/layers-intro
Command: npx skills add https://github.com/codesour-design/gravity --skill layers-intro

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps designers avoid fragmented product decisions by providing a shared framework for understanding dependencies between user needs, product strategy, concepts, interactions, and interface details.

Core Features & Use Cases

  • Framework Orientation: Introduces the seven-layer product design model and explains how problem space and solution space decisions relate.
  • Decision Guidance: Helps identify missing, risky, or unresolved design decisions before moving into implementation details.
  • Use Case: A product team starting a design session can use this Skill to establish the right layer of focus, uncover foundational issues, and keep design work aligned.

Quick Start

Ask the layers intro skill to orient a new product design session and identify the framework layer to focus on.

Frequently Asked Questions about layers-intro

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I align fragmented product design decisions with foundational UX layers?

To align fragmented product design decisions, you map them to a seven-layer UX framework. This model links problem space and solution space dependencies, ensuring user needs, product strategy, and interaction details share a structured foundation.

What is a conceptual model in product design and when do I need to define it?

A conceptual model in product design defines how users understand system behavior before interacting with the interface. You need to define it early in UX strategy reviews to establish core concepts and prevent fragmented solution space decisions.

How to identify missing or risky design decisions before moving into implementation?

You identify missing or risky design decisions by evaluating layer relationships within a structured UX framework. This process uncovers unresolved dependencies between problem space and solution space, highlighting potential UX debt before implementation begins.

Can I use a layered UX framework for evaluating interaction design dependencies?

Yes, you can use a layered UX framework to evaluate interaction design dependencies. It organizes decision relationships across product strategy, conceptual models, and interface details, ensuring interaction choices align with foundational problem space requirements.

Does establishing a conceptual model help prevent UX debt in product strategy reviews?

Establishing a conceptual model helps prevent UX debt by forcing alignment between product strategy and interaction details. During UX strategy reviews, it reveals foundational issues and unresolved design dependencies early, avoiding costly solution space fragmentation later.

What is the best way to orient a new product design session using a UX framework?

The best way to orient a product design session is applying a seven-layer UX framework to establish focus. This identifies the correct layer to target, uncovers foundational issues, and keeps design work aligned with problem space requirements.