cognitive-design_skill

This skill grounds design decisions in cognitive psychology, improving attention management, memory retention, and visual encoding for clearer, more effective

30

GitHub Stars

1

Bundled Files

2 months ago

Catalog Refreshed

4 months ago

First Indexed

Readme & install

Copy the install command, review bundled files from the catalogue, and read any extended description pulled from the listing source.

Installation

Preview and clipboard use veilstrat where the catalogue uses aiagentskills.

npx veilstrat add skill lyndonkl/claude --skill cognitive-design

  • SKILL.md10.6 KB

Overview

This skill delivers cognitive science foundations to guide visual and instructional design decisions. It explains why certain layouts, encodings, and interaction patterns succeed by grounding recommendations in perception, attention, memory, and decision-making research. Use it to justify choices, reduce cognitive load, and create interfaces, visualizations, or learning materials that align with how people think.

How this skill works

I inspect design problems through cognitive lenses—perceptual salience, Gestalt grouping, working memory limits, preattentive features, and visual encoding hierarchies—and map findings to actionable changes. I provide structured workflows: a deeper foundations path, framework-driven design steps, domain-specific guidance (data viz, UX, education), and a quick 3-question validation for rapid checks. For evaluation, I direct you to complementary audit and fallacy-detection skills when needed.

When to use it

  • Designing dashboards, charts, interfaces, presentations, or instructional content and you need evidence-based rationale
  • You notice users missing critical information or experiencing cognitive overload
  • Choosing visual encodings (color, shape, position) for accurate perception and interpretation
  • Preparing a design critique or stakeholder justification grounded in research
  • Quickly validating changes during active design work with a rapid go/no-go check

Best practices

  • Prioritize visual hierarchy: make the primary element immediately salient using size, position, contrast
  • Minimize working memory demands: show state, chunk information, avoid forcing recall
  • Use preattentive encodings for critical signals (position, length, color hue sparingly)
  • Apply Gestalt grouping to reflect task structure—proximity, similarity, common region
  • Validate with the 3-question rapid check: Attention, Memory, Clarity before iteration

Example use cases

  • Redesigning a KPI dashboard so stakeholders spot anomalies within 5 seconds
  • Choosing chart types and encodings for an analytics report to avoid misinterpretation
  • Creating e-learning modules that reduce cognitive load and improve retention
  • Streamlining a mobile onboarding flow to reduce task friction and abandonment
  • Preparing a design rationale for leadership that cites cognitive principles

FAQ

Use this skill for grounding decisions, frameworks, and quick validation. For a systematic, checklist-driven review of a specific design, use a design-evaluation-audit.

Can this help choose chart types for specific tasks?

Yes. I map perceptual encodings to analytic tasks and recommend encodings that maximize accuracy and reduce misreading.

Built by
VeilStrat
AI signals for GTM teams
© 2026 VeilStrat. All rights reserved.All systems operational