perception-first-design
Psychology-based design audits, derivation, and conversion analysis
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install Perception-First Design?โผ
Run `npx skills add skovalik/perception-first-design --all -g -y` in your terminal to install the skill globally.
What is Perception-First Design?โผ
It is a five-layer diagnostic framework grounded in cognitive psychology that tells you which perceptual layer of a design is failing, in what order to fix it, and why the fix works.
How to audit a landing page with PFD?โผ
Give your agent a URL, screenshot, or copy block and ask it to run PFD. It walks the artifact through all five layers and flags each violation with research citations.
Does PFD work with Claude Code and Cursor?โผ
Yes. The skill follows the universal SKILL.md standard and runs in Claude Code, Cursor, Codex, and other compatible agents.
Can non-designers use PFD?โผ
Yes. You describe the page or problem in plain English, and the agent applies the psychology-backed layers to produce a clear diagnosis and fix order.
Related Repositories in Design & Creative
View All in Design & Creativeโui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
ui
Build and customize beautiful React component libraries with AI
open-design
Open-source AI design studio for decks, prototypes, images, and video