← Back to Home
NEXT.JS UX-FIRST PROMPT BUILDER
// Generate structured prompts for AI-assisted development
Prompt Quality Score
37/100
1. Project Definition
Define your product: name, target users, core problem, and business model
2. Tech Stack
Specify your frontend, backend, database, and deployment stack
3. Product Goals
Select goals that apply to your project. Each shapes the generated prompt directives.
📈Maximise Conversion
Funnel-optimised UI, CTA hierarchy, A/B test hooks
🔄Drive Retention
Engagement loops, progress indicators, streak patterns
⚡Delivery Speed
Ship fast — MVP-first, feature-flag everything
🏗️Scale Ready
Architecture for 100k+ users from day one
♿Inclusive Access
WCAG 2.2 AA, keyboard nav, screen reader support
📱Mobile-First
Progressive enhancement, touch-optimised patterns
🌐Internationalisation
Multi-language support, RTL-ready, next-intl
📊Analytics-Driven
Event tracking from day one, Mixpanel/PostHog hooks
✨Delight & Polish
Micro-animations, transitions, premium feel
4. UX Laws & Principles
Select 20 UX laws. Each is encoded as an explicit implementation directive. Organized by cognitive category.
Perception & Cognition
Fitts's Law
Time to reach a target is a function of its size and distance. Larger, closer targets are faster to click.
Interaction · Targeting
Hick's Law
Decision time increases logarithmically with the number of choices. Fewer options = faster decisions.
Decision Making
Miller's Law
The average person can hold 7 ± 2 items in working memory at once.
Working Memory
Jakob's Law
Users spend most of their time on other sites. They prefer your site to work like sites they already know.
Familiarity
Gestalt Principles
Proximity, similarity, continuity, closure, and figure-ground. The brain groups visual elements into wholes.
Visual Perception
Serial Position Effect
Users best remember first and last items in a list. Middle items are recalled least (primacy + recency effects).
Memory · Attention
Attention & Engagement
Zeigarnik Effect
People remember uncompleted tasks better than completed ones. Partial progress creates cognitive tension that drives action.
Incomplete Tasks
Von Restorff Effect
An item that stands out from its peers is more likely to be remembered. Distinctiveness creates attention.
Isolation Effect
Peak-End Rule
People judge an experience by its most intense moment (peak) and how it ends — not the average.
Experience Memory
Doherty Threshold
Productivity soars when a computer and user interact at a pace ≤400ms per interaction. Delays destroy engagement.
Response Time
Fogg Behaviour Model
Behaviour = Motivation × Ability × Prompt. All three must align for a behaviour to occur.
Motivation + Ability
Cialdini's Principles
Social proof, scarcity, authority, reciprocity, commitment, and liking — the 6 principles of influence.
Persuasion
Design Principles
Progressive Disclosure
Show only the information and controls needed at each step. Reveal complexity progressively as the user advances.
Complexity Management
Recognition over Recall
Minimise memory load by making objects, actions, and options visible. Recognition is far easier than recall.
Cognitive Load
Tesler's Law
Every system has a certain amount of irreducible complexity. The only question is who handles it — user or designer.
Complexity Conservation
Aesthetic-Usability Effect
Users perceive aesthetically pleasing designs as more usable. Beautiful UI is perceived as better-functioning UI.
Perceived Quality
Error Prevention
Prevent problems from occurring in the first place. Confirmations, constraints, and good defaults eliminate errors.
Nielsen Heuristic
Consistency & Standards
Users shouldn't have to wonder whether different words, situations, or actions mean the same thing.
Nielsen Heuristic
Accessibility
WCAG 2.2 AA
Web Content Accessibility Guidelines — the legal and ethical baseline for inclusive digital experiences.
Accessibility Standard
Inclusive Design
Design for the extremes and it will work for the mainstream. Solve for one, extend to many.
Microsoft Principles