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.

주요 기능

01Quick validation checklists for rapid design reviews

02Systematic cognitive load reduction frameworks

03Domain-specific guidance for UX and education

048 GitHub stars

05Visual hierarchy and salience optimization

06Data visualization audit and integrity tools

사용 사례

01Conducting cognitive audits on existing UI/UX to identify and resolve user friction

02Designing complex analytical dashboards to ensure critical data is perceived and retained

03Creating educational materials that align with cognitive load theory and learning models

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lyndonkl/claude cognitive-design

For use in Claude.ai and ChatGPT

Download Skill