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

# Build Your First AI App

> Practical recipe for turning AnotherWrapper into your own niche AI product

# Build Your First AI App in 15 Minutes

The smartest move? **Don't start from zero.**

Pick the included app that's closest to what you want, then reshape it. You'll skip weeks of boilerplate and go straight to the fun part -- making it yours.

## Choose Your Starting Point

<Tabs>
  <Tab title="Assistants & Copilots">
    **Start with: Chat**

    Best for AI assistants, knowledge tools, copilots, and anything conversational. You get streaming, multi-model support, web browsing, PDF chat, and generative UI out of the box.

    [Explore the Chat app](/apps/chat)
  </Tab>

  <Tab title="Schema-Based Tools">
    **Start with: Marketing Plan or Launch Simulator**

    Best for forms that return clean, structured AI data. Planners, analyzers, report generators, roast tools -- anything where the output has a predictable shape.

    [Explore Marketing Plan](/apps/marketing-plan) | [Explore Launch Simulator](/apps/launch-simulator)
  </Tab>

  <Tab title="Vision & Analysis">
    **Start with: Vision**

    Best for "image in, structured data out" workflows. Upload a photo, get typed analysis back. Works for calorie tracking, receipt parsing, inspection tools, and more.

    [Explore the Vision app](/apps/vision)
  </Tab>

  <Tab title="Creative & Media">
    **Start with: Image Studio or Video Studio**

    Best for AI creative tools, ad generators, social media asset tools, and anything visual. Full gallery workflow, model switching, and asset management included.

    [Explore Image Studio](/apps/image-studio) | [Explore Video Studio](/apps/video-studio)
  </Tab>

  <Tab title="Audio & Voice">
    **Start with: Audio or Voice Studio**

    Best for transcription tools, voice apps, podcast utilities, music generators, and sound design products.

    [Explore Audio](/apps/audio) | [Explore Voice Studio](/apps/voice)
  </Tab>
</Tabs>

## The Workflow

<Steps>
  <Step title="Pick the closest existing app">
    Don't overthink it. Which app is 60-80% of what you want? Start there.
  </Step>

  <Step title="Rename and rebrand">
    Update the copy, metadata, and branding to match your product.
  </Step>

  <Step title="Remove what you don't need">
    Strip out models, features, or UI elements that don't fit your use case.
  </Step>

  <Step title="Tighten the prompt and schema">
    This is where your product gets its personality. Write a focused prompt and define exactly what the AI should return.
  </Step>

  <Step title="Adjust credits and pricing">
    Decide which features are free and which cost credits. The credit system is already wired up.
  </Step>

  <Step title="Ship it">
    Update your landing page and docs to match the new product. You're live.
  </Step>
</Steps>

## Example: Build a Niche Vision Tool

Say you want to turn Vision into a different visual analysis product -- like a skincare analyzer or a receipt parser.

<Steps>
  <Step title="Update the config">
    Edit `app/(apps)/vision/toolConfig.ts` with your new app name and settings.
  </Step>

  <Step title="Rewrite the prompt">
    Edit `app/(apps)/vision/prompt.ts` to tell the AI what to analyze and how.
  </Step>

  <Step title="Replace the schema">
    Edit `app/(apps)/vision/schema.ts` to define the new output structure.
  </Step>

  <Step title="Update the UI">
    Edit `app/(apps)/vision/components/*` to display your new data beautifully.
  </Step>

  <Step title="Update docs">
    Update [Vision docs](/apps/vision) to match your new product.
  </Step>
</Steps>

<Check>
  That's it. You just built a custom AI vision product without wiring up uploads, storage, auth, or result pages from scratch.
</Check>

## Example: Build a Niche Schema-Based Generator

Want a focused AI tool that outputs clean JSON? Like a business plan generator, SEO auditor, or pitch deck outliner?

<Steps>
  <Step title="Duplicate a schema app">
    Copy either `app/(apps)/marketing-plan` or `app/(apps)/launch-simulator`.
  </Step>

  <Step title="Replace the schema">
    Define the exact shape of the data you want back from the AI.
  </Step>

  <Step title="Replace the prompt">
    Tell the AI what kind of output to generate.
  </Step>

  <Step title="Tailor the form and output">
    Update the form fields and the output component to match your product.
  </Step>

  <Step title="Update the toolConfig">
    Set the app name, model selection, and credit pricing.
  </Step>
</Steps>

<Tip>
  This is one of the fastest ways to ship a focused AI micro-SaaS. Schema in, structured data out, beautiful UI on top.
</Tip>