Is this skill for coding UI or designing it?

This skill focuses on the psychological and design principles behind an interface. While it informs coding decisions, its primary purpose is strategy and evaluation rather than writing CSS or HTML.

How does this skill help with dashboard design?

It provides frameworks to ensure critical information is salient, reduces visual clutter, and applies perceptual hierarchies to prevent data overwhelm in complex analytical views.

Can I use this for existing designs?

Yes, the skill includes a Design Review Workflow and an evaluation checklist to systematically identify and fix cognitive friction in existing interfaces.

What is cognitive design?

Cognitive design is an approach that aligns visual interfaces with how humans naturally perceive, process, and remember information to improve clarity and usability.

When should I invoke the cognitive-design skill?

Invoke it when working on visual hierarchy, dashboard layouts, form design, or when users report feeling overwhelmed or confused by your application's interface.

Cognitive Design Principles

Name: Cognitive Design Principles
Author: lyndonkl

bylyndonkl

•

设计工具

Optimizes visual interfaces and information architecture by aligning designs with human perception and cognitive processing limits.

关于

The Cognitive Design skill provides a comprehensive framework for creating interfaces, dashboards, and educational content that work in harmony with human memory and attention. It guides users through systematic workflows to reduce cognitive load, establish clear visual hierarchies, and evaluate designs against objective cognitive criteria. By grounding design decisions in cognitive psychology, this skill helps developers and designers create more intuitive products that reduce user confusion and improve information retention across UX, data visualization, and instructional contexts.

主要功能

Quick validation checklists for rapid design reviews
Systematic cognitive load reduction frameworks
Domain-specific guidance for UX and education
8 GitHub stars
Visual hierarchy and salience optimization
Data visualization audit and integrity tools

使用场景

Conducting cognitive audits on existing UI/UX to identify and resolve user friction
Designing complex analytical dashboards to ensure critical data is perceived and retained
Creating educational materials that align with cognitive load theory and learning models

关于

主要功能

Quick validation checklists for rapid design reviews
Systematic cognitive load reduction frameworks
Domain-specific guidance for UX and education
8 GitHub stars
Visual hierarchy and salience optimization
Data visualization audit and integrity tools

使用场景

Conducting cognitive audits on existing UI/UX to identify and resolve user friction
Designing complex analytical dashboards to ensure critical data is perceived and retained
Creating educational materials that align with cognitive load theory and learning models