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

# The Command Center

> Chat plus a live preview inside wp-admin. Click an element, ask in plain language, watch the change land.

The Command Center is the WPOS surface inside wp-admin. It is two things side by
side: a **chat** where you ask for what you want, and a **live preview** of your
site. You point at something in the preview, describe the change in plain
language, and WPOS makes it. You stay in the same chat as you go, and each request
builds on the last.

## The layout

<CardGroup cols={2}>
  <Card title="Live preview" icon="browser">
    Your real site, rendered right there. Click any element, a heading, a button,
    an image, a whole section, to work on it.
  </Card>

  <Card title="Chat" icon="comments">
    Where you ask. Plain language, no commands to memorize. "Make this full width."
    "Add more space below this section." "Change this button text."
  </Card>
</CardGroup>

## The one habit that makes it work: click first, then ask

This is the single most important thing to learn. Before you type, **click the
element in the preview you want to change.** WPOS attaches that exact element to
your message, so it knows precisely what "this" means.

<Steps>
  <Step title="Click the element">
    Click the heading, button, image, or section in the live preview. It becomes
    the subject of your next message.
  </Step>

  <Step title="Say what you want">
    Type the change in plain language, for example "make this heading larger" or
    "remove this" or "add a little space below it."
  </Step>

  <Step title="See it land">
    WPOS makes the change and the preview updates. If it is not quite right, say so
    in the same chat and refine.
  </Step>
</Steps>

<Warning>
  Asking "make the header bigger" without clicking the header first gives WPOS no
  context and usually a vague result. Click the element first, every time. That
  habit is the difference between frustrating and effortless.
</Warning>

## What you can do here

* Build and edit sections and pages.
* Edit content and copy.
* Adjust layout, spacing, and styling, including custom CSS. See
  [Styling and brand](/operate/styling).
* Build and style forms, and test the submission. See [Forms](/operate/forms).
* Bring in tools you already use through [Connectors](/connect/connectors).

## Working well with it

<Tip>
  Keep requests small and specific. "Make this button bigger" on a clicked element
  beats "redesign my homepage" in one shot. Get one section right, then move to the
  next. See [Build a page](/operate/build-a-page) for the full workflow.
</Tip>

A bigger build can take a little while to complete. If it is working on something
substantial, give it a moment, and prefer breaking a large ask into smaller, scoped
requests rather than one giant instruction.