gpt-taste
gpt taste
cognitive-foundations
Apply cognitive science and HCI research to design decisions. Use when you need the scientific 'why' behind usability, explaining user behavior, understanding perception/memory/attention limits, evaluating cognitive load, assessing mental model alignment, predicting performance with Fitts's/Hick'...
Full skill instructions
The science of how minds work, and what that means for design.
## Cognitive Principle: [Name]
**Principle**: [1-sentence explanation]
**Evidence in Design**: [Where/how this applies]
**Implication**: [Specific, actionable recommendation]
**Confidence**: [High/Medium/Low] — [rationale]
## Cognitive Audit: [Screen/Flow Name]
### Working Memory Load
- Items requiring recall: [count]
- Cross-screen memory demands: [Y/N]
- Verdict: [Acceptable / High / Overloaded]
### Attention Demands
- Preattentive features for critical info: [Y/N]
- Competing attention demands: [list]
- Change blindness risk: [areas where changes may go unnoticed]
### Mental Model Alignment
- Expected user model: [what users likely think]
- System behavior: [what actually happens]
- Gap: [mismatch, if any]
### Predictive Laws
- Fitts's Law concerns: [target size/distance issues]
- Hick's Law concerns: [choice overload areas]
### Gulf Analysis
- Gulf of Execution: [unclear how to act?]
- Gulf of Evaluation: [unclear what happened?]
### Violations of Nielsen's Heuristics
| Heuristic | Violation | Severity |
|-----------|-----------|----------|
| ... | ... | 1-4 |
### Recommendations
1. [Highest priority fix]
2. [Second priority]
3. [Third priority]
## Failure Analysis: [What Went Wrong]
**Observed Behavior**: [What users did]
**Cognitive Explanation**: [Which principle explains this]
**Root Cause**: [Design element that caused it]
**Fix**: [Specific change]
| Law | Formula | Rule of Thumb |
|---|---|---|
| Fitts's Law | MT = a + b × log₂(2D/W) | Bigger + closer = faster. Screen edges are infinite. |
| Hick-Hyman | RT = a + b × log₂(n+1) | More choices = slower. Reduce or organize options. |
| Steering Law | T = a + b × (A/W) | Narrow paths are slow. Cascading menus are hard. |
| Power Law | T = a × N^(-b) | Practice helps. Design for learnability. |
| # | Heuristic | Quick Test |
|---|---|---|
| 1 | Visibility of system status | Can user always tell what's happening? |
| 2 | Match system ↔ real world | Language familiar? Metaphors sensible? |
| 3 | User control and freedom | Easy undo? Clear exits? |
| 4 | Consistency and standards | Same words/actions mean same things? |
| 5 | Error prevention | Constraints prevent errors before they occur? |
| 6 | Recognition over recall | Options visible? No memory required? |
| 7 | Flexibility and efficiency | Shortcuts for experts? |
| 8 | Aesthetic and minimalist | Only relevant info? No clutter? |
| 9 | Error recovery | Errors explained in plain language with fix? |
| 10 | Help and documentation | Searchable, task-focused, concise? |
Red flags:
Detected in <200ms, no focused attention required:
Use for: Critical info, errors, changes, status Don't use for: Everything (loses signal value)
Quick assessment for any interface:
| Factor | Low Load | High Load |
|---|---|---|
| Choices visible | 2-4 options | 10+ options |
| Memory demands | Recognition | Recall |
| Steps to goal | 1-3 clicks | 5+ clicks |
| Interruptions | None | Frequent modals |
| Novel elements | Familiar patterns | New conventions |
| Error recovery | Clear undo | Destructive actions |
| Visual complexity | Clean, grouped | Dense, undifferentiated |
Scoring: Each "High Load" = +1. Score >3 = redesign needed.
| Symptom | Likely Violation | Fix |
|---|---|---|
| Users don't notice changes | Change blindness | Animate, highlight transitions |
| Users can't find the button | Poor Fitts's Law | Increase size, reduce distance |
| Users freeze at options | Hick's Law overload | Reduce choices, progressive disclosure |
| Users forget mid-task | Working memory exceeded | Show state, don't require recall |
| Users misunderstand state | Gulf of Evaluation | Better feedback, visibility |
| Users click wrong thing | Poor affordance/signifier | Clearer visual treatment |
| Users make same error repeatedly | Mode error | Visible mode indicators |
| Users abandon complex forms | Cognitive load | Chunk, scaffold, save progress |
For comprehensive principles and research:
gpt taste
Premium brand-kit image generation for high-end identity systems, logo concepts, and visual-world presentations.
Premium website design-to-code skill that generates visual references first, then builds faithful frontend implementations.
Premium frontend image direction for landing pages and marketing sites, generating one distinct horizontal image per section.
Premium mobile app screen concepts and flows with clean hierarchy, strong imagery, and distinctive art direction.
Emil Kowalski's philosophy on UI polish, component design, and the invisible details that make software feel good.
Frontend design and iteration for production-grade interfaces, from concept to ship.
Reverse-engineer design tokens from public websites into starter token files for your project.
Builds an animation from scratch by making the decisions in the order that determines whether it feels right.
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
Chat-to-edit AI studio for product photos, portraits, branding, and video.
Generate your dream room in seconds.
Redesign your interior in seconds using AI
Transform rooms with AI-generated designs.
Transform Your Space with AI-Powered Japanese Interior Designs by Jife
AI-powered wireframes for non-designers.
Revolutionize Property Viewing with AI-Generated Floor Plans and Virtual Tours
Transform sketches into stunning architectural renders with AI.