AI Context

Give your AI coding assistant UX superpowers

What is this?

A single file containing all the UX best practices from this site, formatted for AI assistants. When you provide this as context, your AI will automatically apply good UX patterns when generating UI components.

Instead of asking "create a user list with skeleton loading", just ask "create a user list" — the AI will know to use skeletons instead of spinners.

How to use

1 If your AI can read URLs

Just give it the link. Works with Claude, ChatGPT with browsing, and similar tools.

https://ux-good-patterns.netlify.app/ux-rules.md

2 If you need to paste the content

Copy the full content and paste it in your conversation or project context (Cursor rules, Claude project, etc.)

3 If you prefer a local file

Download the file and add it to your project's context (e.g., .cursorrules, CLAUDE.md, etc.)

The file is auto-generated from all patterns and articles on this site.
It updates automatically when new content is added.