Quickstart

Pick it, copy it, paste it

Three steps between browsing the library and shipping the component. No config to argue with in between.

The workflow

Three steps, no config

  1. Pick a component

    Browse the library and open the one that fits what you're building. The live preview is public, so you can judge it before signing in.

  2. Copy the AI prompt

    Open the AI Prompt tab and copy the whole thing — prerequisites, component, usage and props table all travel together in one paste.

  3. Paste into your tool

    Drop it into v0, Lovable, Cursor or Bolt exactly as copied. It's written to build cold, with zero prior context.

Anatomy

What's inside every prompt

Every universal.md follows the same structure, so a cold tool always knows what to build and how to wire it up.

prompts / universal.md markdown
  1. Prerequisites — the React, TypeScript and Tailwind versions it needs, plus any extra dependency to install.
  2. Utility — the cn() helper, included in full so the prompt never assumes your project already has it.
  3. Component — the complete file. Every line, no // ..., no truncation.
  4. Usage — a realistic example wired up with real content, not placeholder text.
  5. Props — an exhaustive table: every prop, its type, its default, what it does.

If it doesn't build

If the build fails

This is rare — every prompt is tested cold in v0 and Cursor before it ships — but tools update on their own schedule.

  • Check the tool's own guide under Docs → Tools for known gotchas — most cold-build issues are one paste-order tweak away.
  • If a tool-specific prompt variant exists for that component, try it instead of the universal one — the tab will show it when it's available.
  • Still stuck? Email hello@uivibes.dev with the component slug and the tool you're using.
Browse components