From thinking-frameworks-skills
Evaluates existing UI/UX designs against cognitive science principles using checklists across 8 dimensions, visualization audits, severity scoring, and fix recommendations. For design reviews, QA, usability diagnosis, and alternative selection.
npx claudepluginhub lyndonkl/claude --plugin thinking-frameworks-skillsThis skill uses the workspace's default tool permissions.
- [Skill Boundaries](#skill-boundaries)
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
Use instead of this skill for:
cognitive-designcognitive-design Path 1cognitive-fallacies-guardTime: 30-90 minutes depending on scope
Copy this checklist and track your progress:
Design Evaluation Progress:
- [ ] Step 1: Systematic Assessment
- [ ] Step 2: Visualization Quality Audit (if applicable)
- [ ] Step 3: Severity Classification & Prioritization
- [ ] Step 4: Fix Recommendations
Apply the Cognitive Design Checklist across all 8 dimensions: Visibility, Visual Hierarchy, Chunking, Simplicity, Memory Support, Feedback, Consistency, Scanning Patterns. Check every item. Record pass/fail for each dimension with specific evidence.
Resource: Cognitive Design Checklist
If the design includes data visualizations, apply the 4-Criteria Visualization Audit. Score each criterion 1-5: Clarity, Efficiency, Integrity, Aesthetics. Calculate average and identify weakest dimension.
Resource: Visualization Audit Framework
Classify every finding by severity:
Priority rule: Fix foundation-first — perception before coherence, integrity before aesthetics, critical before high.
For each finding, document:
Verify fixes don't harm other dimensions.
Choose this when: Evaluating any interface, layout, content page, form, or general design.
What you'll get: Pass/fail across 8 cognitive dimensions, test methods, common failures, severity-classified findings.
Time: 20-40 minutes
→ Go to Cognitive Design Checklist
Choose this when: Evaluating data visualizations — charts, graphs, dashboards, infographics.
What you'll get: 1-5 scores on Clarity, Efficiency, Integrity, Aesthetics with pass/fail threshold.
Time: 15-30 minutes per visualization
→ Go to Visualization Audit Framework
Choose this when: Comprehensive review covering both interface elements and data visualizations.
Process: Run Cognitive Checklist first, then Visualization Audit on each data component, merge findings, produce unified fix list.
Time: 45-90 minutes
→ Start with Cognitive Checklist, then Visualization Audit
1. Attention — "Is it obvious what to look at first?"
2. Memory — "Is the user required to remember anything that could be shown?"
3. Clarity — "Can someone unfamiliar understand in 5 seconds?"
All YES = likely cognitively sound. Any NO = run full checklist on the failing area.
Out of scope: Creating designs, teaching theory, providing domain guidance, replacing user testing, or covering full accessibility compliance.
In scope: Systematic evaluation against cognitive principles, severity-classified findings, prioritized fix recommendations, and visualization quality scoring.