← WORK
Open Source Skill2025

UI/UX SKILLS

The Gap
Developers ship beautiful pages that actively repel users. Color psychology, visual hierarchy, friction points, cognitive load. Most devs were never taught to think about any of it, and the result is pretty pages that don't convert.
Challenges
Hiring a UX specialist for every page is expensive and slow. Small teams never get one, and when they do, the feedback is subjective and hard to act on without a real framework behind it.
What We Built
A Claude Code skill that audits websites against 65 established behavioral psychology principles. Point it at a page and it returns structured feedback on layout, copy, imagery, and flow, with reasoning for every call. We built it to sharpen our own work and released it open source. Available on the Nuclear Marmalade GitHub.
Inside the build
01

65 Principles, 11 Categories

Attention, Gestalt, Memory, Sensemaking, Decision Making, Motor/Interaction, Motivation, Cognitive Biases, Persuasion, Emotion, and Ethics. Every principle is grounded in NN/g, Kahneman, Norman, Cialdini, and Miller — 112 research resources stitched into one operational framework.

02

11 Page-Type Prescriptions

Pre-built psychology checklists for Homepage, Pricing, Dashboard, Onboarding, About, Interactive Tools, E-commerce, SaaS Features, Blog, Checkout, and Settings. Point the skill at a page and it knows what to look for before it even reads the code.

03

Code-Level Examples

Not abstract theory. Every principle ships with before-and-after code: anchoring on a pricing page, loss aversion in copy, the Zeigarnik Effect on multi-step flows, cognitive load in dashboard layouts. Engineers see the diff, not the lecture.

04

Ethics-First Anti-Patterns

Eight dark patterns — fake scarcity, confirmshaming, hidden costs, forced continuity, misdirection, fake social proof, dark defaults, roach motel — explicitly documented as bans. The skill won't suggest them. The skill flags them when it sees them.

UI/UX SKILLS — main
UI/UX SKILLS — detail 1UI/UX SKILLS — detail 2
Beyond the Audit

Built like a developer would build it.

  • Conversion Sequence Patterns

    Pre-built psychology flows for newsletter signup, free-trial-to-paid, abandoned cart recovery, and more — each mapped to the exact principles that should fire at each step.

  • Worked Example Audits

    Full reference reviews of a SaaS landing page, an e-commerce checkout, and a subscription conversion flow. Reference material developers can pattern-match against instead of starting from a blank page.

  • Hierarchical Decision Framework

    Psychology recommendations are weighed against brand identity, accessibility, and technical quality. The skill knows when to defer to your design system, not override it.

  • Extensible CSV Databases

    Principles and page-type mappings live in machine-readable CSVs. Add custom principles, override defaults, or extend the skill to new page types without touching SKILL.md.

UI/UX SKILLS — closing
MORE
PROJECTS