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

# Quick Start

> Generate your first WriterzRoom draft by selecting a template, choosing a style profile, adding structured inputs, and saving the completed content.

<video controls playsInline preload="metadata" poster="https://pub-b022d443f37b4b159e5173f850939839.r2.dev/quick-start-demo-poster.png" src="https://pub-b022d443f37b4b159e5173f850939839.r2.dev/wr-demo-v4.mp4" style={{ width: '100%', borderRadius: '12px', marginBottom: '1.5rem', border: '1px solid rgba(128,128,128,0.15)' }} />

<Info>
  **Watch the Quick Start workflow.** This walkthrough shows template selection, style selection, parameter entry, generation, draft review, and saving content to the library.
</Info>

<Warning>
  **Check your spam folder.** Verification and welcome emails from `support@writerzroom.com` may be routed to spam by some providers. Add this address to your contacts to improve delivery.
</Warning>

## Generate Your First Draft

WriterzRoom is built around a simple production flow: choose the structure, choose the voice, provide focused inputs, then let the platform run the content pipeline.

<div style={{ display: 'grid', gridTemplateColumns: 'repeat(5, 1fr)', gap: '10px', margin: '1.25rem 0 1.75rem' }}>
  <div style={{ border: '1px solid rgba(128,128,128,0.20)', borderRadius: '10px', padding: '12px', background: 'rgba(255,255,255,0.04)' }}>
    <div style={{ fontSize: '11px', color: '#4f6ef7', fontWeight: 700, marginBottom: '4px' }}>01</div>
    <div style={{ fontWeight: 700, fontSize: '13px', marginBottom: '4px' }}>Template</div>
    <div style={{ fontSize: '12px', color: 'var(--colors-content-secondary)', lineHeight: 1.45 }}>Choose the content format.</div>
  </div>

  <div style={{ border: '1px solid rgba(128,128,128,0.20)', borderRadius: '10px', padding: '12px', background: 'rgba(255,255,255,0.04)' }}>
    <div style={{ fontSize: '11px', color: '#4f6ef7', fontWeight: 700, marginBottom: '4px' }}>02</div>
    <div style={{ fontWeight: 700, fontSize: '13px', marginBottom: '4px' }}>Style</div>
    <div style={{ fontSize: '12px', color: 'var(--colors-content-secondary)', lineHeight: 1.45 }}>Select the voice and tone.</div>
  </div>

  <div style={{ border: '1px solid rgba(128,128,128,0.20)', borderRadius: '10px', padding: '12px', background: 'rgba(255,255,255,0.04)' }}>
    <div style={{ fontSize: '11px', color: '#4f6ef7', fontWeight: 700, marginBottom: '4px' }}>03</div>
    <div style={{ fontWeight: 700, fontSize: '13px', marginBottom: '4px' }}>Inputs</div>
    <div style={{ fontSize: '12px', color: 'var(--colors-content-secondary)', lineHeight: 1.45 }}>Add topic, audience, and goals.</div>
  </div>

  <div style={{ border: '1px solid rgba(128,128,128,0.20)', borderRadius: '10px', padding: '12px', background: 'rgba(255,255,255,0.04)' }}>
    <div style={{ fontSize: '11px', color: '#4f6ef7', fontWeight: 700, marginBottom: '4px' }}>04</div>
    <div style={{ fontWeight: 700, fontSize: '13px', marginBottom: '4px' }}>Generate</div>
    <div style={{ fontSize: '12px', color: 'var(--colors-content-secondary)', lineHeight: 1.45 }}>Run the agent pipeline.</div>
  </div>

  <div style={{ border: '1px solid rgba(128,128,128,0.20)', borderRadius: '10px', padding: '12px', background: 'rgba(255,255,255,0.04)' }}>
    <div style={{ fontSize: '11px', color: '#4f6ef7', fontWeight: 700, marginBottom: '4px' }}>05</div>
    <div style={{ fontWeight: 700, fontSize: '13px', marginBottom: '4px' }}>Save</div>
    <div style={{ fontSize: '12px', color: 'var(--colors-content-secondary)', lineHeight: 1.45 }}>Review and store the draft.</div>
  </div>
</div>

<Steps>
  <Step title="Open Generate">
    Go to **Generate** in the main application navigation.
  </Step>

  <Step title="Choose a template">
    Select the content format that matches your final deliverable. Start with **Blog Article** or **Social Media Campaign** if you are exploring the platform for the first time.
  </Step>

  <Step title="Choose a style profile">
    Select how the content should read. **General Blog** and **Social Media Voice** are safe starting points.
  </Step>

  <Step title="Fill in the required fields">
    Add the topic, audience, objective, key points, and any supporting context.
  </Step>

  <Step title="Generate and save">
    Click **Generate**, review the completed draft, then save it to your Content Library.
  </Step>
</Steps>

<Tip>
  You do not need to configure brand voice or connect publishing platforms before generating your first draft. Generate one draft first, then refine your workflow.
</Tip>

## Starter Combinations

| Goal                   | Template                | Style Profile         |
| ---------------------- | ----------------------- | --------------------- |
| Blog post              | Blog Article            | General Blog          |
| Social posts           | Social Media Campaign   | Social Media Voice    |
| Press release          | Press Release           | Executive Summary     |
| Technical guide        | Technical Documentation | Technical Dive        |
| Business proposal      | Business Proposal       | Venture Capital Pitch |
| Research-style content | Research Paper          | PhD Academic          |

## What Happens During Generation

WriterzRoom runs your request through a coordinated content pipeline. You can monitor progress as the system plans, drafts, reviews, formats, and prepares the result.

<video controls playsInline preload="metadata" poster="https://pub-b022d443f37b4b159e5173f850939839.r2.dev/pipeline-demo-v1-Cover.jpg" src="https://pub-b022d443f37b4b159e5173f850939839.r2.dev/wr-pipeline-demo-v2.mp4" style={{ width: '100%', borderRadius: '12px', marginBottom: '1rem', border: '1px solid rgba(128,128,128,0.15)' }} />

<div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: '10px', margin: '1rem 0 1.5rem' }}>
  <div style={{ border: '1px solid rgba(128,128,128,0.20)', borderRadius: '10px', padding: '12px', background: 'rgba(255,255,255,0.04)' }}>
    <div style={{ fontSize: '10px', color: 'var(--colors-content-secondary)', marginBottom: '3px' }}>01</div>
    <div style={{ fontWeight: 700, fontSize: '13px', marginBottom: '3px' }}>Planner</div>
    <div style={{ fontSize: '12px', color: 'var(--colors-content-secondary)', lineHeight: 1.45 }}>Reads inputs and builds the content strategy.</div>
  </div>

  <div style={{ border: '1px solid rgba(128,128,128,0.20)', borderRadius: '10px', padding: '12px', background: 'rgba(255,255,255,0.04)' }}>
    <div style={{ fontSize: '10px', color: 'var(--colors-content-secondary)', marginBottom: '3px' }}>02</div>
    <div style={{ fontWeight: 700, fontSize: '13px', marginBottom: '3px' }}>Researcher</div>
    <div style={{ fontSize: '12px', color: 'var(--colors-content-secondary)', lineHeight: 1.45 }}>Gathers source context when research is required.</div>
  </div>

  <div style={{ border: '1px solid rgba(128,128,128,0.20)', borderRadius: '10px', padding: '12px', background: 'rgba(255,255,255,0.04)' }}>
    <div style={{ fontSize: '10px', color: 'var(--colors-content-secondary)', marginBottom: '3px' }}>03</div>
    <div style={{ fontWeight: 700, fontSize: '13px', marginBottom: '3px' }}>Call Writer</div>
    <div style={{ fontSize: '12px', color: 'var(--colors-content-secondary)', lineHeight: 1.45 }}>Prepares the writing context and drafting instructions.</div>
  </div>

  <div style={{ border: '1px solid rgba(128,128,128,0.20)', borderRadius: '10px', padding: '12px', background: 'rgba(255,255,255,0.04)' }}>
    <div style={{ fontSize: '10px', color: 'var(--colors-content-secondary)', marginBottom: '3px' }}>04</div>
    <div style={{ fontWeight: 700, fontSize: '13px', marginBottom: '3px' }}>Writer</div>
    <div style={{ fontSize: '12px', color: 'var(--colors-content-secondary)', lineHeight: 1.45 }}>Drafts the main content body.</div>
  </div>

  <div style={{ border: '1px solid rgba(128,128,128,0.20)', borderRadius: '10px', padding: '12px', background: 'rgba(255,255,255,0.04)' }}>
    <div style={{ fontSize: '10px', color: 'var(--colors-content-secondary)', marginBottom: '3px' }}>05</div>
    <div style={{ fontWeight: 700, fontSize: '13px', marginBottom: '3px' }}>Editor</div>
    <div style={{ fontSize: '12px', color: 'var(--colors-content-secondary)', lineHeight: 1.45 }}>Reviews clarity, structure, grammar, and quality.</div>
  </div>

  <div style={{ border: '1px solid rgba(128,128,128,0.20)', borderRadius: '10px', padding: '12px', background: 'rgba(255,255,255,0.04)' }}>
    <div style={{ fontSize: '10px', color: 'var(--colors-content-secondary)', marginBottom: '3px' }}>06</div>
    <div style={{ fontWeight: 700, fontSize: '13px', marginBottom: '3px' }}>Formatter</div>
    <div style={{ fontSize: '12px', color: 'var(--colors-content-secondary)', lineHeight: 1.45 }}>Applies final structure and formatting.</div>
  </div>

  <div style={{ border: '1px solid rgba(128,128,128,0.20)', borderRadius: '10px', padding: '12px', background: 'rgba(255,255,255,0.04)' }}>
    <div style={{ fontSize: '10px', color: 'var(--colors-content-secondary)', marginBottom: '3px' }}>07</div>
    <div style={{ fontWeight: 700, fontSize: '13px', marginBottom: '3px' }}>SEO</div>
    <div style={{ fontSize: '12px', color: 'var(--colors-content-secondary)', lineHeight: 1.45 }}>Supports metadata and discoverability where relevant.</div>
  </div>

  <div style={{ border: '1px solid rgba(128,128,128,0.20)', borderRadius: '10px', padding: '12px', background: 'rgba(255,255,255,0.04)' }}>
    <div style={{ fontSize: '10px', color: 'var(--colors-content-secondary)', marginBottom: '3px' }}>08</div>
    <div style={{ fontWeight: 700, fontSize: '13px', marginBottom: '3px' }}>Publisher</div>
    <div style={{ fontSize: '12px', color: 'var(--colors-content-secondary)', lineHeight: 1.45 }}>Prepares the result for saving, export, or publishing.</div>
  </div>
</div>

Generation time varies by template, tier, and research depth.

## After Generation

* Review the completed draft
* Edit the content directly
* Regenerate specific sections when needed
* Save the draft to your Content Library
* Export or publish the content when final

<CardGroup cols={2}>
  <Card title="How WriterzRoom Works" icon="workflow" href="/getting-started/how-it-works">
    Learn how templates, style profiles, tiers, and the agent pipeline work together.
  </Card>

  <Card title="Generation Tiers" icon="layers" href="/getting-started/generation-tiers">
    Compare Quick, Standard, and Premium generation behavior.
  </Card>
</CardGroup>