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

# Quickstart

> Create your first Fashion Experience (Outfit) in PeekTag, from generation to review, refinement, and launch.

This quickstart walks through the full process of creating your first **Fashion Experience (Outfit)** in PeekTag as an **Experience Designer**.

You will start in the **Control Center**, choose the experience type, generate the first draft with AI, refine the result, review and confirm it, and then finish setup inside the Experience panel.

<Card title="Fashion Experience (Outfit)" icon="shirt" href="/experiences/fashion-outfit">
  Review the complete Outfit Experience workflow and how it fits into PeekTag.
</Card>

## What you will build

You will create an Outfit Experience that helps a customer explore a curated fashion idea.

The experience can include:

* Clothing or accessory images
* A written creative direction
* AI-generated structured content
* Editable sections
* Cover and poster assets
* Final experience settings for launch

<Note>
  In this guide, we use the word **Experience**. If parts of your interface still say **Tag**, treat them as the same concept while the product terminology is being updated.
</Note>

## Before you start

Make sure you have:

* Access to PeekTag
* An outfit concept you want to build
* Optional product or outfit reference images
* A short written idea or prompt
* A clear goal for the final experience

For example:

```text theme={null}
Create a modern neutral outfit experience for women, using soft beige and cream tones, with a clean premium look and a mannequin-based visual presentation.
```

## 1. Open the Control Center

Start from the main PeekTag navigation.

<Steps>
  <Step title="Open PeekTag">
    Sign in to your workspace and go to the main application.
  </Step>

  <Step title="Tap the PeekTag icon">
    In the bottom navigation, tap the central **PeekTag** icon to open the **Control Center**.
  </Step>

  <Step title="Open the Experience selector">
    In the Control Center, tap the **Experience** icon. If your interface still shows a **Tag** icon, use that entry point for now.
  </Step>
</Steps>

## 2. Select the Outfit experience

In the Experience selector, choose the type of experience you want to design.

For this quickstart:

* Open the Experience selector
* Browse the available options
* Choose **Outfit**

This tells PeekTag what kind of experience structure to generate.

## 3. Add images and describe the outfit

After selecting **Outfit**, return to the Control Center input area.

If **AI is enabled** from the top-right toggle, you can generate the first experience draft using visual and written input.

You can:

* Upload outfit or clothing images
* Add reference visuals
* Write a short description of the desired style
* Combine visual input with a prompt

<Card title="Outfit Prompt Guide" icon="file-text" href="/guides/prompts/outfit-prompts">
  Learn how to write effective prompts for Outfit Experiences, including images, tone, style direction, and generation goals.
</Card>

When everything is ready, click **Generate**.

## 4. Track the generated experience

After you click **Generate**, PeekTag starts building the first version of the experience.

To follow progress:

* Go to the **Experiences** page
* Open the generated item
* Check its current build status

This is where you monitor whether the experience is still generating, ready for refinement, or waiting for review.

## 5. Refine the generated data

Once the first version is ready, refine the generated data before approval.

PeekTag supports several refinement paths:

<CardGroup cols={2}>
  <Card title="Narrative Form" icon="form-input" href="/editing/narrative-form">
    Review and refine the generated content section by section in a structured form.
  </Card>

  <Card title="Full AI Refinement" icon="sparkles" href="/editing/full-ai">
    Use AI to rewrite or improve the full experience draft more broadly.
  </Card>

  <Card title="Partial Refinement" icon="pen-tool" href="/editing/partial-updates">
    Update only selected sections with AI assistance or manual changes.
  </Card>

  <Card title="Manual Editing" icon="keyboard" href="/editing/manual-editing">
    Edit exact content, labels, details, and customer-facing copy yourself.
  </Card>

  <Card title="AI Editing" icon="bot" href="/editing/ai-editing">
    Use AI assistance to rewrite selected content, improve tone, or polish sections.
  </Card>
</CardGroup>

<Note>
  A good workflow is to start with the generated draft, use Narrative Form for structure, Full AI Refinement for broader rewrites, and Partial Refinement for final polish.
</Note>

## 6. Review and confirm

After editing, click **Next** to continue to review.

<Card title="Review & Confirm" icon="badge-check" href="/review/confirm">
  Review the generated experience, confirm policy, and create the draft experience.
</Card>

After confirmation:

* The generated result is accepted into the flow
* A **draft experience** is created
* You can continue configuration from the main Experience panel

## 7. Open the draft in the Experience panel

After the draft is created, go to the **Experiences** panel and open the draft item.

From here, the Experience Designer can complete final setup before launch.

## 8. Configure the experience

Use the Experience panel to configure the live or draft experience.

<CardGroup cols={2}>
  <Card title="Location Settings" icon="map-pin" href="/settings/location">
    Connect the experience to a physical place, business location, venue, or service area.
  </Card>

  <Card title="AI Settings" icon="bot" href="/manage-live-experiences/ai-settings">
    Configure assistant behavior, instructions, knowledge sources, and conversation flow.
  </Card>

  <Card title="SEO Settings" icon="search" href="/settings/seo">
    Configure titles, descriptions, metadata, and search-facing information.
  </Card>

  <Card title="Analytics Settings" icon="chart-column" href="/settings/analytics">
    Track visits, engagement, interactions, and performance signals.
  </Card>

  <Card title="Customer Input Settings" icon="inbox" href="/settings/customer-inputs">
    Manage customer-submitted forms, requests, preferences, uploads, and lead details.
  </Card>

  <Card title="Pin an Experience" icon="pin" href="/settings/pinning">
    Pin or prioritize an experience in the relevant surface or workflow.
  </Card>
</CardGroup>

## 9. Create cover and poster assets

Before launch, prepare the visual assets that make the experience presentable and shareable.

<Card title="Create Cover and Poster" icon="image-plus" href="/design/cover-and-poster">
  Create cover images, posters, share visuals, and QR-ready assets for the experience.
</Card>

## 10. Prepare the client kit

Once the draft, settings, and visuals are ready, package the experience for the client.

<Card title="Prepare the Client Kit" icon="briefcase" href="/delivery/client-kit">
  Prepare the experience summary, links, QR code, assets, placement notes, and review checklist.
</Card>

## Quick recap

Here is the full flow from start to finish:

```text theme={null}
Open Control Center
-> Tap the Experience icon
-> Choose Outfit
-> Add images and written direction
-> Generate
-> Track build status in Experiences
-> Refine the generated result
-> Review & Confirm
-> Create draft
-> Open draft in the Experience panel
-> Configure settings
-> Create cover and poster
-> Prepare the client kit
```

<Card title="Next: Outfit Prompt Guide" icon="arrow-right" href="/guides/prompts/outfit-prompts">
  Learn how to write better prompts for Fashion Experience generation.
</Card>