AI-built UI
Making apps built with v0, Cursor and Lovable look designed: components, registries and prompts that keep your design intact.
- Cursor Rules for a Design System: Add UI Without DriftCursor follows a design system when a scoped .mdc rule in .cursor/rules lists your token class names, file boundaries and a no-new-dependencies rule. Pair it with the real component source, a short spec with a 'done when' list, a diff check for raw colors and new packages, then tsc and next build.Oct 19, 2026 · 8 min
- shadcn Registry: Install Third-Party Components by URLA shadcn registry is a set of JSON files describing components. Install a third-party item with npx shadcn@latest add and the item's URL, or register the registry under a namespace in components.json and run npx shadcn@latest add @namespace/item. Use view or --dry-run first to see every file and dependency.Oct 6, 2026 · 7 min
- How to Make UI Not Look AI-Generated: A v0 ChecklistTo make UI not look AI-generated, change the defaults v0 and shadcn ship with: your own color, background and radius tokens, two typefaces with different jobs, a left-aligned asymmetric hero instead of a centered gradient, no row of three icon cards, varied spacing, and one or two interactions with real feedback.Sep 29, 2026 · 8 min