Perception-First Design (PFD) — psychology-backed design framework. Auto-activates on design, marketing, copywriting, and communication tasks. Four commands: /perception-first-design:solve (derive a solution from cognitive constraints), /perception-first-design:evaluate (corpus-backed audit of an existing artifact), /perception-first-design:analyze (descriptive cascade for hypotheticals and mechanism questions), /perception-first-design:all (run all three modes on the same input). Mode auto-detection routes bare 'pfd this' invocations to the right mode based on input shape.
Plugin perception-first-design from marketplace perception-first-design in skovalik/perception-first-design. Commands read from the repo's manifest — 1 month ago.
pfdThis skill should be used when working on any design, marketing, copywriting, writing, or communication task — including: "run PFD", "apply PFD", "use Perception-First Design", "do a PFD analysis", "run the derivation protocol"; when designing interfaces, landing pages, emails, ads, or visual system
/perception-first-design:allRun all three PFD modes (analyze, solve, evaluate) on the same input. Produces three full outputs side-by-side, one per cognitive contract. Use when a question genuinely warrants multiple cognitive contracts, or when you want to see what the question reveals across descriptive, prescriptive, and rat
/perception-first-design:analyzeAnalyze a hypothetical change, mechanism, or behavioral pattern with Perception-First Design. Mode 3 descriptive analysis. Walks the 5 layers as predictive lenses to enumerate cascading consequences, trade-offs, and integrative compounds. Use for "what happens if", "why does X work", "users say X bu
/perception-first-design:evaluateEvaluate an artifact (URL, HTML, screenshot, copy) with Perception-First Design. Mode 1 corpus-backed evaluation that loads heuristic rules, design system profiles, worked examples, and the psychology corpus to produce a layered scoring with citations.
/perception-first-design:solveSolve a design, marketing, writing, or communication problem with Perception-First Design. Runs the Mode 2 derivation protocol — derives requirements R1-R5 from cognitive constraints, then produces a solution that satisfies all of them.
Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling
19 skills
Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification
1 command · 6 agents
Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.
7 skills
tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.
1 skill
Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.
1 skill · 4 agents · hooks
Build, preview, and test UI components with Storybook.
7 skills
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.