Skills
.Work. You
Rest

design-structure

Community

Define UI structure and navigation.

Design & Creative#layout#navigation#user flows#wireframing#ui design#information architecture
Authorlucabattistini
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps define the fundamental structure, hierarchy, and navigation of a user interface, ensuring logical flow and usability before visual design begins.

Core Features & Use Cases

  • View Identification: Maps user flows to distinct interface views or screens.
  • Information Hierarchy: Ranks content importance within each view.
  • Navigation Design: Determines how users move between different parts of the interface.
  • Use Case: After mapping user journeys for a new e-commerce checkout process, this Skill helps organize the steps into logical views (e.g., Shipping, Payment, Review) and defines how users navigate between them.

Quick Start

Run /design:structure to begin defining the information hierarchy and layout logic for your current design track.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-structure
Download link: https://github.com/lucabattistini/concinnitas/archive/main.zip#design-structure

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.