> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superdesign.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Prompt Library

> A community-driven collection of design prompts for styles, animations, and UI components — use them to get better AI output, faster.

## What is the Prompt Library?

The Prompt Library is a curated collection of design prompts covering styles, animations, UI components, and full-page layouts. Instead of writing prompts from scratch, you pick a proven one, apply it, and get consistent, high-quality results immediately.

It works with any coding agent — Cursor, Claude Code, Windsurf, or the Superdesign canvas directly.

***

## Why Use It?

LLMs produce generic "AI slop" designs when they lack context and guidance. The Prompt Library solves this by giving the agent exactly the right design language upfront.

**Key benefits:**

* Skip prompt trial-and-error — use prompts that already work
* Get consistent output across your team
* Discover styles and layouts you wouldn't have thought to describe yourself
* Build and share your own prompts privately with your team

***

## Where to Find It

Go to [app.superdesign.dev/library](https://app.superdesign.dev/library)

Browse by category:

* **Style** — visual direction, color systems, typography treatments
* **Animation** — motion and interaction patterns
* **Components** — specific UI elements (cards, navbars, modals, etc.)
* **Pages** — full-page layouts (landing pages, dashboards, onboarding flows)

You can search by keyword or filter by category to find what you need.

***

## How to Use a Prompt

### Option 1: Use directly from the Library

1. Go to [app.superdesign.dev/library](https://app.superdesign.dev/library)
2. Browse or search for a prompt
3. Click **Use Prompt** — it opens in the Superdesign canvas with the prompt pre-filled
4. Hit generate

### Option 2: Copy layout into Flow

When building a multi-page user journey with Flow:

1. Find a page layout you like in the Library
2. Click **Copy Layout**
3. Paste it into your Flow page definition

This lets you mix proven layouts with your own journey logic without restyling from scratch. See the [Flow doc](/features/canvas/flow) for more.

### Option 3: Use with any coding agent

Copy any prompt from the Library and paste it directly into Claude Code, Cursor, or Windsurf. The prompts are written to work with any agent, not just Superdesign.

***

## When to Use the Prompt Library

| Situation                                    | Use the Library                                |
| -------------------------------------------- | ---------------------------------------------- |
| You're not sure what visual style to go with | Browse Style prompts for direction             |
| Your AI output looks generic                 | Add a style prompt to inject design context    |
| You need a specific component                | Search for it — it's likely already there      |
| Your team keeps rewriting the same prompts   | Save and share them as team prompts            |
| You're building a multi-page flow            | Copy layouts instead of defining them manually |

***

## Create and Share Your Own Prompts

You can contribute prompts back to the community or keep them private to your team.

1. Go to [app.superdesign.dev/library](https://app.superdesign.dev/library)
2. Click **Create Prompt**
3. Add a name, description, and the prompt content
4. Choose **Public** (shared with the community) or **My Team** (private)
5. Save — it appears in your library and is instantly usable

Team prompts are a great way to encode your brand style or design system so every team member generates consistent results without extra instruction.

***

## Best Practices

* **Start with a style prompt before building** — locking in visual direction early prevents inconsistency later
* **Combine prompts** — use a style prompt as a base, then layer in a component or layout prompt
* **Save what works** — when a prompt gives you great output, save it to your team library before you lose it
* **Use Copy Layout in Flow** — don't rewrite page structure from scratch when the Library already has proven layouts