Use when designing visual interfaces, data visualizations, educational content, or presentations and need to ensure they align with how humans naturally perceive, process, and remember information. Invoke when user mentions cognitive load, visual hierarchy, dashboard design, form design, e-learning, infographics, or wants to improve clarity and reduce user confusion.
Install
npx skills add lyndonkl/claude --skill cognitive-designnpx skills add lyndonkl/claude --skill cognitive-design -a claude-code -gnpx skills add lyndonkl/claude --skill cognitive-design -a codex -ggemini skills install https://github.com/lyndonkl/claude.git --path skills/cognitive-designgh skill install lyndonkl/claude cognitive-designgit clone --depth 1 https://github.com/lyndonkl/claude /tmp/lyndonkl__claude
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/lyndonkl__claude/skills/cognitive-design ~/.claude/skills/cognitive-design # Claude Code
cp -R /tmp/lyndonkl__claude/skills/cognitive-design ~/.agents/skills/cognitive-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode