Skip to main contentSkip to navigationSkip to footer
185+ Principles LibraryResearch-backed UX/UI guidelines with citationsAI Design ValidatorValidate AI designs with research-backed principlesAI Prompts600+ research-backed prompts with citationsFlow ChecklistsPre-flight & post-flight validation for 5 flowsUX Smells & FixesDiagnose interface problems in 2-5 minutes
View All Tools
Part 1FoundationsPart 2Core PrinciplesPart 3Design SystemsPart 4Interface PatternsPart 5Specialized DomainsPart 6Human-Centered
View All Parts
About
Sign in

Get the 6 "Must-Have" UX Laws

The principles that fix 80% of interface problems. Free breakdown + real examples to your inbox.

PrinciplesAboutDevelopersGlossaryTermsPrivacyCookiesRefunds

© 2026 UXUI Principles. All rights reserved. Designed & built with ❤️ by UXUIprinciples.com

ToolsFramework
IDE Packs

AI Context Packs

Stop defining your tech stack in every chat. Drop these .mdc rules into Cursor/Windsurf and get perfect code on the first try.

Get All Packs - $5

What's Included

A complete collection of cursor rules for modern web development.

Next.js + Supabase

Optimized rules for App Router, Server Actions, RLS policies, and middleware protection.

Tailwind + Shadcn UI

Force AI to use your design tokens, css variables, and existing component patterns.

TypeScript Strict Mode

Stop AI from generating 'any' types. Enforce Zod validation and proper interface definitions.

SEO & Performance

Auto-include metadata, OpenGraph tags, and semantic HTML structure in every component.

Best Value

Lifetime Access

$19$5
One-time payment
Buy Now

FAQ

How do I use these?

Download the .zip, unzip it, and drag the .mdc files into your project's .cursor/rules folder. Cursor picks them up automatically.

Do they work with Windsurf?

Yes! They are standard markdown context files. You can also paste them into Claude Projects or ChatGPT Memory.