Skills
.Work. You
Rest

desktop-ui-information-architecture

Official

Design clear desktop UI layouts.

Design & Creative#layout#desktop app#ui design#information architecture#ux#cta design
Authorhelpful-bits
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses user confusion and clutter in desktop applications by defining clear information architecture and pane composition, ensuring the next action is always obvious.

Core Features & Use Cases

  • Information Hierarchy: Establishes global priority rules for what users see first, second, and last.
  • Pane Composition: Defines specific content and control contracts for left rail, center planning, and right run/review panes.
  • CTA Management: Implements strict rules for Call-to-Action (CTA) placement, labeling, and hierarchy to prevent user indecision.
  • State Handling: Ensures consistent empty, loading, error, and success states across all UI components.
  • Use Case: Refactoring the UI of an agentic planning tool to reduce cognitive load, making it easier for users to create and manage complex tasks without feeling overwhelmed by options.

Quick Start

Design the desktop UI information architecture for a new agentic planning product, prioritizing clarity and ease of use.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: desktop-ui-information-architecture
Download link: https://github.com/helpful-bits/plantocode/archive/main.zip#desktop-ui-information-architecture

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.