🎯

cognitive-fluency-psychology

🎯Skill

from flpbalada/my-opencode-config

VibeIndex|
What it does

Enhances user comprehension and engagement by applying cognitive fluency principles to simplify information processing across content and interfaces.

πŸ“¦

Part of

flpbalada/my-opencode-config(40 items)

cognitive-fluency-psychology

Installation

πŸ“‹ No install commands found in docs. Showing default command. Check GitHub for actual instructions.
Quick InstallInstall with npx
npx skills add flpbalada/my-opencode-config --skill cognitive-fluency-psychology
2Installs
-
AddedFeb 4, 2026

Skill Details

SKILL.md

Overview

# Cognitive Fluency - Psychology of Ease

Cognitive fluency is the ease with which our brains process information. When

something feels simple and easy to understand, our minds interpret that

simplicity as a signal that it must be true, safe, or worth engaging with.

Clarity always beats cleverness.

When to Use This Skill

  • Designing landing pages and marketing content
  • Writing UI copy and microcopy
  • Evaluating brand names and messaging
  • Auditing content for readability
  • Optimizing conversion funnels
  • Creating training materials and documentation

Core Principle

```

Processing Fluency Impact:

Easy to process β†’ Feels familiar

↓ ↓

Feels trustworthy β†’ Feels valuable

↓ ↓

Higher engagement β†’ Better conversion

The brain's rule: "If it's easy, it must be good."

```

Key Research Findings

Truth and Repetition

| Finding | Implication |

| -------------------------------------------- | ------------------------------------------- |

| Repeated statements feel more true | Use consistent messaging across touchpoints |

| Simple fonts increase perceived truthfulness | Choose clarity over creativity in key areas |

| High contrast increases credibility | Prioritize readability over aesthetics |

| Familiar words feel more accurate | Use everyday language, not jargon |

Task Perception Studies

```

Font Impact on Task Perception:

Simple, clear font:

β”œβ”€β”€ Estimated task time: 8 minutes

β”œβ”€β”€ Perceived difficulty: Low

└── Likelihood to start: High

Complex, decorative font:

β”œβ”€β”€ Estimated task time: 15+ minutes

β”œβ”€β”€ Perceived difficulty: High

└── Likelihood to start: Low

Same instructions, different perception.

```

Cognitive Effort Discounting (COGED)

The brain reduces subjective value when tasks require more mental effort:

  • Processing difficulty = perceived "cost"
  • People avoid cognitive load instinctively
  • Fluent experiences create positive emotions
  • Effort required transfers to value judgment

Fluency Audit Framework

Step 1: Identify High-Stakes Content

Map where fluency matters most:

```

Priority Content:

β”œβ”€β”€ Headlines and value propositions (Critical)

β”œβ”€β”€ CTAs and conversion points (Critical)

β”œβ”€β”€ Onboarding instructions (High)

β”œβ”€β”€ Pricing and plans (High)

β”œβ”€β”€ Error messages (Medium)

└── Help documentation (Medium)

```

Step 2: Apply the 5-Second Test

For each critical element:

  1. Show to someone unfamiliar with your product
  2. Give them exactly 5 seconds to read
  3. Ask them to explain:

- What is this?

- Who is it for?

- What should I do next?

  1. If they struggle β†’ rewrite for fluency

Step 3: Check Fluency Factors

| Factor | Check | Fix |

| -------------------- | ------------------------------- | -------------------- |

| Typography | Is font β‰₯16px for body? | Increase size |

| Contrast | Is ratio β‰₯4.5:1? | Improve contrast |

| Sentence length | Are sentences <20 words? | Split long sentences |

| Word choice | Would a 12-year-old understand? | Simplify vocabulary |

| Visual hierarchy | Is main point obvious? | Strengthen hierarchy |

| White space | Is content breathing? | Add spacing |

Step 4: Test and Measure

| Metric | What it Shows |

| --------------- | ----------------------- |

| Time on page | Processing difficulty |

| Scroll depth | Engagement with content |

| Bounce rate | Initial fluency failure |

| Conversion rate | End-to-end fluency |

| Task completion | Instruction clarity |

Common Fluency Killers

Design Problems

```

❌ Fluency Killers:

Typography:

β”œβ”€β”€ Poor contrast ratios

β”œβ”€β”€ Tiny or decorative fonts

β”œβ”€β”€ Inconsistent sizing

└── ALL CAPS for long text

Layout:

β”œβ”€β”€ Cluttered composition

β”œβ”€β”€ Competing visual elements

β”œβ”€β”€ No clear focal point

└── Walls of text

```

Content Problems

```

❌ Content Fluency Killers:

Language:

β”œβ”€β”€ Industry jargon

β”œβ”€β”€ Complex sentences

β”œβ”€β”€ Passive voice overuse

└── Unclear pronouns

Structure:

β”œβ”€β”€ Too many concepts at once

β”œβ”€β”€ Buried key information

β”œβ”€β”€ Missing headings/breaks

└── No logical flow

```

Output Template

After completing audit, document as:

```markdown

Cognitive Fluency Audit

Page/Content: [Name]

Date: [Date]

5-Second Test Results

| Tester | What is it? | Who for? | Next action? | Pass? |

| ------ | ----------- | ---------- | ------------ | ----- |

| [1] | [Response] | [Response] | [Response] | βœ…/❌ |

| [2] | [Response] | [Response] | [Response] | βœ…/❌ |

Fluency Score

| Factor | Current | Target | Priority |

| ---------- | ------- | ------- | -------- |

| Typography | [Score] | [Score] | [H/M/L] |

| Contrast | [Score] | [Score] | [H/M/L] |

| Language | [Score] | [Score] | [H/M/L] |

| Structure | [Score] | [Score] | [H/M/L] |

Recommendations

#### Immediate Fixes

  • [Fix 1]
  • [Fix 2]

#### Requires Rewrite

  • [Item 1]
  • [Item 2]

Before/After Examples

Before: [Original text] After: [Improved text] Why: [Fluency

principle applied]

```

Real-World Applications

Landing Pages

```

Before (low fluency):

"Leverage our cutting-edge, AI-powered solution to

optimize your workflow efficiency and drive ROI."

After (high fluency):

"Get more done in less time with AI that actually works."

Changes:

β”œβ”€β”€ Removed jargon (leverage, cutting-edge, optimize)

β”œβ”€β”€ Shortened sentence (13 words β†’ 10 words)

β”œβ”€β”€ Made benefit concrete (workflow efficiency β†’ more done)

└── Added relatability (actually works)

```

Brand Names

Research shows companies with easy-to-pronounce names:

  • Perform better after IPOs
  • Are remembered more often
  • Get recommended more frequently
  • Build trust faster

```

High Fluency Names: Low Fluency Names:

β”œβ”€β”€ Apple β”œβ”€β”€ Xobni

β”œβ”€β”€ Google β”œβ”€β”€ Qwikster

β”œβ”€β”€ Slack β”œβ”€β”€ Tronc

└── Zoom └── Quibi

```

Product Interfaces

```

Fluent Interface Patterns:

Forms:

β”œβ”€β”€ One question per screen (not multi-field)

β”œβ”€β”€ Smart defaults pre-filled

β”œβ”€β”€ Inline validation (not page-level)

└── Progress indicator visible

Navigation:

β”œβ”€β”€ Familiar patterns (hamburger, tabs)

β”œβ”€β”€ Maximum 5-7 top-level items

β”œβ”€β”€ Clear current location indicator

└── Predictable behavior

```

Integration with Other Methods

| Method | Combined Use |

| -------------------------- | -------------------------------------- |

| Cognitive Load | Fluency reduces extraneous load |

| Progressive Disclosure | Reveal fluent chunks sequentially |

| Hick's Law | Fewer, clearer choices improve fluency |

| Five Whys | Why is content not converting? |

| A/B Testing | Test fluency improvements |

Quick Reference

```

FLUENCY CHECKLIST

Typography:

β–‘ Font size β‰₯16px body

β–‘ High contrast (β‰₯4.5:1)

β–‘ Consistent hierarchy

β–‘ Professional, readable font

Language:

β–‘ Short sentences (<20 words)

β–‘ Simple words (everyday vocabulary)

β–‘ Active voice

β–‘ One idea per paragraph

Structure:

β–‘ Clear headings

β–‘ Bullet points for lists

β–‘ Plenty of white space

β–‘ Visual hierarchy guides eye

Testing:

β–‘ 5-second test passed

β–‘ Non-expert can explain

β–‘ Readability score acceptable

β–‘ Key metrics improving

```

Resources

  • [Thinking, Fast and Slow - Daniel Kahneman](https://www.goodreads.com/book/show/11468377-thinking-fast-and-slow)
  • [Don't Make Me Think - Steve Krug](https://sensible.com/dont-make-me-think/)
  • [Hemingway Editor](https://hemingwayapp.com/) - Readability checker
  • [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/)

More from this repository10

🎯
five-whys🎯Skill

Systematically uncovers root causes of problems through iterative questioning, revealing underlying issues beyond surface-level symptoms.

🎯
social-proof-psychology🎯Skill

Optimizes user trust and conversion by strategically displaying social validation through testimonials, user stats, and expert endorsements.

🎯
cognitive-biases🎯Skill

Applies cognitive bias insights to optimize product design, user experiences, and decision-making strategies by leveraging psychological principles.

🎯
hooked-model🎯Skill

Designs habit-forming products by mapping user triggers, actions, rewards, and investments to create engaging, addictive product experiences.

🎯
typescript-best-practices🎯Skill

Enforces TypeScript best practices and coding standards through comprehensive linting and configuration rules for consistent, high-quality code.

🎯
typescript-satisfies-operator🎯Skill

Validates TypeScript object types while preserving precise literal types, preventing type widening and catching type-related errors early.

🎯
status-quo-bias🎯Skill

Helps design product changes and migrations by understanding users' psychological resistance to change and creating strategies to overcome status quo bias.

🎯
kanban🎯Skill

Visualize and optimize team workflow by creating Kanban boards that track tasks, limit work-in-progress, and improve delivery efficiency.

🎯
theme-epic-story🎯Skill

I apologize, but I cannot generate a description without seeing the actual content or context of the "theme-epic-story" skill from the repository. Could you provide more details about what this spe...

🎯
pest-analysis🎯Skill

Conducts comprehensive PEST analysis to evaluate external macro-environmental factors for strategic business decision-making.