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

# Quickstart

> Use Inkly AI to build, review, publish, and share your first demo agent.

Inkly AI builds your first demo with you inside [app.inklyai.dev](https://app.inklyai.dev).

<Steps>
  <Step title="Sign up with your product site">
    Create your account, name the project, and enter the public URL for your product.
  </Step>

  <Step title="Start the build with Inkly AI">
    After signup, **Home** opens the **Get onboarded** dialog with **Your product** already filled in.

    Add any useful sources you have. You can include product or pricing links, screenshots, a PDF, or a slide deck. These are optional.

    Click **Build Demo Agent**. Inkly AI opens in the right panel and starts the build.
  </Step>

  <Step title="Work with Inkly AI">
    Inkly AI researches your product and checks its plan with you before it edits the draft. Answer its questions when something is unclear.

    Keep using the conversation to request changes. Ask it to replace a screen, sharpen the product story, add knowledge, or change what the agent collects. You can reopen the panel from **Inkly AI** in the app header.
  </Step>

  <Step title="Preview the draft">
    Open **Agent** in the sidebar, then click **Preview**. Check three things:

    1. The screens show the real product.
    2. The agent explains it in your words.
    3. The next action is clear.

    Make edits in the editor or ask Inkly AI to make them. Nothing changes for visitors until you publish.
  </Step>

  <Step title="Publish and share">
    Use **Publish** in the editor. Then open **Settings → Install** to add the widget to your site, use your own button, or copy the shareable link.

    See [Install the widget](/ship/install-the-widget) for the current code snippet.
  </Step>

  <Step title="Read the first sessions">
    Open **Sessions** after people visit. Read their questions and paths to see what interested them, where the agent was unclear, and who may be qualified.
  </Step>
</Steps>

## If the product is behind a login

Inkly AI can only read public pages. Use the [Chrome extension](/build/chrome-extension) to capture screens from a browser session where you are already signed in. Add those screens to the draft, then ask Inkly AI to work them into the demo.

## Next

<CardGroup cols={2}>
  <Card title="Build from a URL" icon="wand-magic-sparkles" href="/build/from-a-url">
    See what Inkly AI builds and what to review.
  </Card>

  <Card title="The editor" icon="pen-ruler" href="/build/the-editor">
    Edit what the agent shows and says.
  </Card>

  <Card title="Install the widget" icon="code" href="/ship/install-the-widget">
    Add the demo to your site.
  </Card>

  <Card title="Sessions" icon="messages" href="/measure/sessions">
    Review each visit.
  </Card>
</CardGroup>