cognitive-load-first-visualization-design

Community

Reduce cognitive load before implementation.

AuthorChipiKaf
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Reduces cognitive overload in VizCraft demos by guiding designers to plan visuals, interactions, and labels before implementation, ensuring clarity and learnability.

Core Features & Use Cases

  • Progressive disclosure planning that reveals only necessary concepts per step
  • Anchoring and stable layout guidance to maintain context across steps
  • Strong visual encodings and inline labels to minimize split attention
  • Design contracts that outline learning goals, active paths, and safety checks before coding

Quick Start

Apply the cognitive-load-first design brief to your VizCraft plugin by outlining the core concept, stable anchors, and step-by-step path before implementation.

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: cognitive-load-first-visualization-design
Download link: https://github.com/ChipiKaf/system-design-architecture-playground/archive/main.zip#cognitive-load-first-visualization-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.