# Use with AI — PixelPapa UI docs

Every component and every site comes with a prompt. Copy it, add one sentence about your product, and let your coding agent (Claude, Cursor, v0, Lovable) do the wiring.

## Three ways to prompt

1. **A single component.** Each component page has a "Build it with AI" prompt: what the component is, how to install it and what to preserve when adapting it.
2. **A whole site.** The Sites gallery (https://pixelpapa.com/sites) has complete landing pages, each with a long art-directed prompt that lets an agent rebuild the page from text alone.
3. **Let the agent choose.** https://pixelpapa.com/r/registry.json lists every item with a description, so an agent can pick components itself:

```text
Build a landing page for my product using PixelPapa UI components.
Fetch https://pixelpapa.com/r/registry.json to see every available component.
Pick one navbar, hero, feature section, pricing section, FAQ and footer that suit the product,
install each with: npx shadcn@latest add "https://pixelpapa.com/r/<name>.json"
then compose them in app/page.tsx. Rewrite all demo copy for my product and keep the animation timings.
Product: <one paragraph about what you are building>
```

## Tips

- Say who the page is for and what the single call to action is.
- Ask for real content, never lorem ipsum, and name the tone.
- Need sharper imagery for a hero or testimonial? Run it through the AI image enhancer at https://pixelpapa.com/tools/image-enhancer first.