skills/halo-effect-psychology/SKILL.md
Apply the halo effect in product design and UX. Use when designing first impressions, brand perception, feature presentation, or understanding how one positive attribute influences perception of others.
npx skillsauth add Chris-Maskey/opencode-config halo-effect-psychologyInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
The Halo Effect is a cognitive bias where our overall impression of something influences how we perceive its specific attributes. First documented by psychologist Edward Thorndike in 1920, it explains why a positive experience in one area creates favorable assumptions about unrelated areas.
First Impression (Positive)
|
v
Global Judgment
"This seems good"
|
+----+----+----+
| | | |
v v v v
Speed Quality Trust Design
(+) (+) (+) (+)
All attributes get lifted by the initial positive impression
| Trigger | Example | Impact | | ----------------- | --------------------- | ---------------------- | | Visual Design | Polished UI | "Must be high quality" | | Speed | Fast load times | "Professional team" | | Social Proof | Notable logos | "Trustworthy product" | | Pricing | Premium price | "Superior features" | | Association | Celebrity endorsement | "Desirable brand" |
The opposite also applies - one negative experience taints everything:
Identify where users form initial judgments:
For each touchpoint, evaluate:
+------------------+--------+--------+------------------+
| Touchpoint | Visual | Speed | Polish Level |
+------------------+--------+--------+------------------+
| Landing page | [ /5 ] | [ /5 ] | [ /5 ] |
| Sign-up flow | [ /5 ] | [ /5 ] | [ /5 ] |
| First dashboard | [ /5 ] | [ /5 ] | [ /5 ] |
| Key action | [ /5 ] | [ /5 ] | [ /5 ] |
+------------------+--------+--------+------------------+
Prioritize polish where halo effects are strongest:
| Priority | Area | Rationale | | ------------ | ---------------------- | ------------------------- | | Critical | First 30 seconds | Sets global perception | | High | Core feature first use | Defines product quality | | Medium | Secondary features | Borrows from initial halo | | Lower | Advanced features | Users already committed |
## Halo Effect Analysis
**Product/Feature:** [Name] **Analysis Date:** [Date]
### First Impression Audit
| Touchpoint | Current Score | Target | Priority |
| ---------- | ------------- | ------ | -------- |
| [Point 1] | [1-5] | [1-5] | [H/M/L] |
| [Point 2] | [1-5] | [1-5] | [H/M/L] |
### Halo Triggers Present
- [ ] Professional visual design
- [ ] Fast performance
- [ ] Social proof elements
- [ ] Premium positioning
- [ ] Quality copywriting
### Horn Effect Risks
| Risk | Likelihood | Impact | Mitigation |
| -------- | ---------- | ------- | ---------- |
| [Risk 1] | [H/M/L] | [H/M/L] | [Action] |
### Recommendations
1. **Quick wins:** [Immediate improvements]
2. **Strategic investments:** [Longer-term polish]
3. **Risk mitigation:** [Prevent negative halos]
Apple invests heavily in packaging despite it being discarded:
Stripe's exceptionally clear documentation creates perception of:
Reality: Documentation quality correlates with but doesn't guarantee these attributes.
A B2B tool with:
Creates horn effect:
| Method | Combined Use | | -------------------------- | ------------------------------------------------ | | Cognitive Load | Reduce load at first impression points | | Progressive Disclosure | Show polished essentials first | | Fogg Behavior Model | High motivation overcomes minor friction | | Curiosity Gap | Create intrigue before revealing full experience |
tools
Anti-patterns and mistakes to avoid as a product manager. Use when evaluating leadership behaviors, improving team dynamics, reflecting on management practices, or onboarding new product managers.
development
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
testing
Design effective CTAs using visual attention and gaze psychology principles. Use when designing landing pages, button hierarchies, conversion elements, or optimizing user attention flow through interfaces.
tools
Run agent-browser + Chrome inside Vercel Sandbox microVMs for browser automation from any Vercel-deployed app. Use when the user needs browser automation in a Vercel app (Next.js, SvelteKit, Nuxt, Remix, Astro, etc.), wants to run headless Chrome without binary size limits, needs persistent browser sessions across commands, or wants ephemeral isolated browser environments. Triggers include "Vercel Sandbox browser", "microVM Chrome", "agent-browser in sandbox", "browser automation on Vercel", or any task requiring Chrome in a Vercel Sandbox.