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

# Quickstart

## Create an Organization

Your organization is the top-level container for all projects and team members. Open the **organization selector** in the sidebar and click **Create Organization**.

<div className="img-showcase">
  <div className="qs-org-mock">
    <div className="qs-sidebar">
      <div className="qs-sidebar-inner">
        {/* Org selector trigger + dropdown */}

        <div className="qs-org-section">
          <div className="qs-org-trigger">
            <span className="qs-org-initial">A</span>
            <span className="qs-org-name">Acme Inc</span>

            <svg width="10" height="10" viewBox="0 0 12 12" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" style={{opacity:0.4,flexShrink:0}}>
              <path d="M3 4.5L6 7.5L9 4.5" />
            </svg>
          </div>

          <div className="qs-org-dropdown">
            <div className="qs-org-item qs-org-item-selected">
              <span className="qs-org-item-icon">A</span>
              <span>Acme Inc</span>
            </div>

            <div className="qs-org-item">
              <span className="qs-org-item-icon">S</span>
              <span>Side Project</span>
            </div>

            <div className="qs-org-divider" />

            <div className="qs-org-create">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                <path d="M12 5v14" />

                <path d="M5 12h14" />
              </svg>

              <span>Create Organization</span>
            </div>
          </div>
        </div>

        {/* Nav items */}

        <div className="qs-nav-items">
          <div className="qs-nav-item qs-nav-item-active">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round">
              <rect x="3" y="3" width="7" height="7" />

              <rect x="14" y="3" width="7" height="7" />

              <rect x="3" y="14" width="7" height="7" />

              <rect x="14" y="14" width="7" height="7" />
            </svg>

            <span>Dashboard</span>
          </div>

          <div className="qs-nav-item">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round">
              <path d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
            </svg>

            <span>Projects</span>
          </div>

          <div className="qs-nav-item">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round">
              <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />

              <path d="M14 2v6h6" />
            </svg>

            <span>Documents</span>
          </div>

          <div className="qs-nav-item">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round">
              <path d="M18 20V10" />

              <path d="M12 20V4" />

              <path d="M6 20v-6" />
            </svg>

            <span>Reports</span>
          </div>

          <div className="qs-nav-item">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round">
              <path d="M16 18l6-6-6-6" />

              <path d="M8 6l-6 6 6 6" />
            </svg>

            <span>MCP</span>
          </div>

          <div className="qs-nav-item">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round">
              <path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" />

              <path d="M16 6l-4-4-4 4" />

              <path d="M12 2v13" />
            </svg>

            <span>Integrations</span>
          </div>

          <div className="qs-nav-item">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round">
              <path d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />

              <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" />
            </svg>

            <span>Settings</span>
          </div>
        </div>
      </div>
    </div>

    <div className="qs-main-area">
      <div className="qs-dash-hero">
        <div className="qs-dash-hero-title">Acme Inc</div>
        <div className="qs-dash-hero-sub">Organization Dashboard</div>
      </div>
    </div>
  </div>
</div>

## Create a Project

Projects organize tickets by product, team, or initiative. Navigate to **Projects** and click **Create**.

<div className="img-showcase img-showcase-emerald">
  <div className="qs-org-mock qs-org-mock-full">
    <div className="qs-sidebar">
      <div className="qs-sidebar-inner">
        <div className="qs-org-section">
          <div className="qs-org-trigger">
            <span className="qs-org-initial">A</span>
            <span className="qs-org-name">Acme Inc</span>

            <svg width="10" height="10" viewBox="0 0 12 12" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" style={{opacity:0.4,flexShrink:0}}>
              <path d="M3 4.5L6 7.5L9 4.5" />
            </svg>
          </div>
        </div>

        <div className="qs-nav-items">
          <div className="qs-nav-item">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round">
              <rect x="3" y="3" width="7" height="7" />

              <rect x="14" y="3" width="7" height="7" />

              <rect x="3" y="14" width="7" height="7" />

              <rect x="14" y="14" width="7" height="7" />
            </svg>

            <span>Dashboard</span>
          </div>

          <div className="qs-nav-item qs-nav-item-active">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round">
              <path d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
            </svg>

            <span>Projects</span>
          </div>

          <div className="qs-nav-item">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round">
              <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />

              <path d="M14 2v6h6" />
            </svg>

            <span>Documents</span>
          </div>

          <div className="qs-nav-item">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round">
              <path d="M18 20V10" />

              <path d="M12 20V4" />

              <path d="M6 20v-6" />
            </svg>

            <span>Reports</span>
          </div>

          <div className="qs-nav-item">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round">
              <path d="M16 18l6-6-6-6" />

              <path d="M8 6l-6 6 6 6" />
            </svg>

            <span>MCP</span>
          </div>

          <div className="qs-nav-item">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round">
              <path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" />

              <path d="M16 6l-4-4-4 4" />

              <path d="M12 2v13" />
            </svg>

            <span>Integrations</span>
          </div>

          <div className="qs-nav-item">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round">
              <path d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />

              <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" />
            </svg>

            <span>Settings</span>
          </div>
        </div>
      </div>
    </div>

    <div className="qs-main-area">
      <div className="qs-proj-toolbar-inline">
        <span className="qs-proj-search-btn">
          <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16z" />

            <path d="m21 21-4.35-4.35" />
          </svg>

          <span>Search</span>
          <span className="qs-proj-search-kbd">⌘K</span>
        </span>

        <span className="qs-proj-create-btn">
          <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
            <path d="M12 5v14" />

            <path d="M5 12h14" />
          </svg>

          <span>Create</span>
        </span>
      </div>

      <div className="qs-proj-content">
        <div className="qs-proj-title">Projects</div>
        <div className="qs-proj-subtitle">Manage your Acme Inc projects</div>

        <div className="qs-proj-list">
          <div className="qs-proj-row">
            <span className="qs-proj-row-name">Mobile App</span>
            <span className="qs-proj-row-badge">MOB</span>
          </div>

          <div className="qs-proj-row">
            <span className="qs-proj-row-name">Web App</span>
            <span className="qs-proj-row-badge">WEB</span>
          </div>

          <div className="qs-proj-row">
            <span className="qs-proj-row-name">GTM</span>
            <span className="qs-proj-row-badge">GTM</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

## Create Tickets

Click **+** from the project header to open the create ticket modal. Fill in the details and Janet takes it from there — auto-tagging, suggesting assignees, and evaluating quality.

<div className="img-showcase">
  <div className="autofill-mock" style={{position:'relative',zIndex:4}}>
    <div className="autofill-modal">
      <div className="autofill-modal-header">
        <span className="autofill-modal-title">Create Ticket</span>

        <div className="composer-toolbar-mock" aria-hidden>
          <span className="composer-toolbar-icon composer-toolbar-icon--active">
            <img src="https://mintcdn.com/janetai-2e23a3d0/NovySZ178jGA4gwQ/composer-toolbar-status.svg?fit=max&auto=format&n=NovySZ178jGA4gwQ&q=85&s=a1f25f3cd7ac0a29d5039be054d189f5" alt="" width={16} height={16} className="composer-toolbar-img" data-path="composer-toolbar-status.svg" />
          </span>

          <span className="composer-toolbar-icon composer-toolbar-icon--active">
            <img src="https://mintcdn.com/janetai-2e23a3d0/NovySZ178jGA4gwQ/composer-toolbar-priority-high.svg?fit=max&auto=format&n=NovySZ178jGA4gwQ&q=85&s=db2060cc10c986fe273b55728ac0c4ed" alt="" width={16} height={16} className="composer-toolbar-img" data-path="composer-toolbar-priority-high.svg" />
          </span>

          <span className="composer-toolbar-icon composer-toolbar-icon--active">
            <img src="https://mintcdn.com/janetai-2e23a3d0/NovySZ178jGA4gwQ/composer-toolbar-bug.svg?fit=max&auto=format&n=NovySZ178jGA4gwQ&q=85&s=b7b569cd68201ef2d1a4453bbdfd72cd" alt="" width={16} height={16} className="composer-toolbar-img composer-toolbar-img--bug" data-path="composer-toolbar-bug.svg" />
          </span>

          <span className="composer-toolbar-icon">
            <img src="https://mintcdn.com/janetai-2e23a3d0/NovySZ178jGA4gwQ/composer-toolbar-calendar.svg?fit=max&auto=format&n=NovySZ178jGA4gwQ&q=85&s=833cbb4a0a882463a5764e734b791d35" alt="" width={16} height={16} className="composer-toolbar-img" data-path="composer-toolbar-calendar.svg" />
          </span>

          <span className="composer-toolbar-icon">
            <img src="https://mintcdn.com/janetai-2e23a3d0/NovySZ178jGA4gwQ/composer-toolbar-users.svg?fit=max&auto=format&n=NovySZ178jGA4gwQ&q=85&s=79129bf9f07dace9b3cad86acdddb920" alt="" width={16} height={16} className="composer-toolbar-img" data-path="composer-toolbar-users.svg" />
          </span>

          <span className="composer-toolbar-icon">
            <img src="https://mintcdn.com/janetai-2e23a3d0/NovySZ178jGA4gwQ/composer-toolbar-tag.svg?fit=max&auto=format&n=NovySZ178jGA4gwQ&q=85&s=5c5696a523c31f433f0a323e35dd8cfb" alt="" width={16} height={16} className="composer-toolbar-img" data-path="composer-toolbar-tag.svg" />
          </span>

          <span className="composer-toolbar-sep" />

          <span className="composer-toolbar-icon">
            <img src="https://mintcdn.com/janetai-2e23a3d0/NovySZ178jGA4gwQ/composer-toolbar-sprint.svg?fit=max&auto=format&n=NovySZ178jGA4gwQ&q=85&s=c48598c1890c164e036f99a982925df8" alt="" width={16} height={16} className="composer-toolbar-img" data-path="composer-toolbar-sprint.svg" />
          </span>

          <span className="composer-toolbar-icon">
            <img src="https://mintcdn.com/janetai-2e23a3d0/NovySZ178jGA4gwQ/composer-toolbar-target.svg?fit=max&auto=format&n=NovySZ178jGA4gwQ&q=85&s=8af79227bece91d6600929e1ac6aa873" alt="" width={16} height={16} className="composer-toolbar-img" data-path="composer-toolbar-target.svg" />
          </span>

          <span className="composer-toolbar-sep" />

          <span className="composer-toolbar-icon">
            <img src="https://mintcdn.com/janetai-2e23a3d0/NovySZ178jGA4gwQ/composer-toolbar-clock.svg?fit=max&auto=format&n=NovySZ178jGA4gwQ&q=85&s=1f442d49581953c24be2180b80b6ab5b" alt="" width={16} height={16} className="composer-toolbar-img" data-path="composer-toolbar-clock.svg" />
          </span>
        </div>
      </div>

      <div className="autofill-modal-body autofill-modal-body-composer">
        <div className="composer-meta-chips">
          <span className="af-assignee-chip">
            <img src="https://mintcdn.com/janetai-2e23a3d0/AicC1Vk0hC-6wzlT/headshot.jpeg?fit=max&auto=format&n=AicC1Vk0hC-6wzlT&q=85&s=988a826f2341ee7c6932a28952f470b4" alt="" className="af-assignee-avatar" width="400" height="400" data-path="headshot.jpeg" />

            <span className="af-assignee-name">Will Barthell</span>
            <span className="composer-meta-dismiss">×</span>
          </span>

          <span className="composer-meta-tag">payments<span className="composer-meta-dismiss">×</span></span>
          <span className="composer-meta-tag">checkout<span className="composer-meta-dismiss">×</span></span>
        </div>

        <div className="autofill-title-composer">Users getting 500 errors on checkout with discount codes</div>

        <div className="autofill-desc-wrap">
          <div className="autofill-desc-area autofill-desc-area--compact"><p>Multiple reports of 500 errors when applying discount codes over \$50 at checkout. Appears to affect coupon codes with percentage-based discounts. Reproduced on both web and mobile clients.</p></div>
        </div>
      </div>

      <div className="autofill-footer autofill-footer-v2">
        <div className="composer-footer-spacer" aria-hidden />

        <div className="composer-footer-actions">
          <span className="autofill-btn autofill-btn-v2"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z" /><path d="M5 3v4" /><path d="M19 17v4" /><path d="M3 5h4" /><path d="M17 19h4" /></svg> Autofill</span>
          <span className="autofill-create-btn autofill-create-btn-v2">Create</span>
        </div>
      </div>
    </div>
  </div>
</div>

## Next Steps

<CardGroup cols={2}>
  <Card title="Slack" icon="slack" href="/integrations/slack">
    Create, update, and search your tickets directly from Slack
  </Card>

  <Card title="GitHub" icon="github" href="/integrations/github">
    Sync pull requests and issues with your Janet AI tickets
  </Card>

  <Card title="MCP Server" icon="robot" href="/mcp">
    Connect Claude Code, Cursor, and other AI agents to your workspace
  </Card>
</CardGroup>
