Skills
.Work. You
Rest

cabinet-information-design

Community

Turn information into concrete UI targets.

Design & Creative#design#layout#wireframe#visual#mockup#visual-hierarchy#information-density
Authororenmagid
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Information environment designer who evaluates spatial composition, visual hierarchy, and layout decisions. Produces standalone HTML mockups before UI implementation, establishing concrete visual targets grounded in cognitive principles from Tufte, Bertin, Shneiderman, and Pirolli.

Core Features & Use Cases

  • Generates standalone HTML mocks that illustrate layout, density, and hierarchy for UI plans.
  • Evaluates existing designs against cognitive-principle guidelines and documents trade-offs with annotated reasoning.
  • Supports planning and audit phases by providing a tangible target that stakeholders can critique and approve.

Quick Start

Provide a standalone HTML mockup that demonstrates the planned information hierarchy for the current plan's UI surface.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: cabinet-information-design
Download link: https://github.com/orenmagid/claude-cabinet/archive/main.zip#cabinet-information-design

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 471,000+ vetted skills library on demand.