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

# Portals docs: AI-powered creative workspace

> Portals unifies brainstorming, vector design, and AI app generation in one canvas. The Portal Agent has 40+ tools and executes creative workflows for you.

Portals is a desktop creative workspace that brings together an infinite brainstorming canvas, a professional vector design editor, and AI-powered app generation — all in a single tool. At its core is the **Portal Agent**, an embedded AI that can manipulate your canvas, search the web, generate interactive applets, and help you move from idea to working prototype without ever switching tabs.

<CardGroup cols={2}>
  <Card title="Quick Start" icon="rocket" href="/quickstart">
    Download Portals, create your account, and start your first creative project in minutes.
  </Card>

  <Card title="Portal Agent" icon="sparkles" href="/agent/overview">
    Learn how the embedded AI agent works across all three creative modes with 40+ canvas tools.
  </Card>

  <Card title="Core Modes" icon="layer-group" href="/modes/brainstorming">
    Explore Brainstorming, Design, and Compose modes and when to use each one.
  </Card>

  <Card title="AI Providers" icon="key" href="/configuration/ai-providers">
    Connect OpenAI, Anthropic, Google Gemini, Groq, Ollama, or use the built-in free tier.
  </Card>
</CardGroup>

## How Portals works

Portals is organized around three integrated modes you switch between using the mode selector at the top of the app.

<Steps>
  <Step title="Brainstorm on an infinite canvas">
    Start by capturing your ideas as cards on a frictionless infinite canvas. Use the Portal Agent to automatically research topics, pull in images, and organize your thoughts into mind maps or moodboards.
  </Step>

  <Step title="Design in the vector editor">
    Move to Design mode when you're ready to create polished UI mockups, presentations, or vector artwork using artboards, layers, shapes, and text tools.
  </Step>

  <Step title="Generate a working app">
    Use Compose mode or the Design-to-Build workflow to turn your mockup into a real, interactive app — the AI reads your design and generates live HTML/CSS/JS you can preview instantly.
  </Step>

  <Step title="Collaborate and export">
    Invite teammates to your workspace, work together with live presence cursors, then export to PDF, PNG, or slides when you're done.
  </Step>
</Steps>

<CardGroup cols={2}>
  <Card title="Design-to-Build workflow" icon="wand-magic-sparkles" href="/workflows/design-to-build">
    Turn any Design mode artboard into a working app with one click.
  </Card>

  <Card title="AI Research boards" icon="magnifying-glass" href="/workflows/ai-research">
    Have the Portal Agent research a topic and build a visual moodboard automatically.
  </Card>

  <Card title="Collaboration" icon="users" href="/workflows/collaboration">
    Invite teammates, share workspaces, and co-create with live cursors.
  </Card>

  <Card title="Export options" icon="file-export" href="/configuration/export">
    Export your work as PDF, PNG, ZIP, or PPTX slides.
  </Card>
</CardGroup>