> ## 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.

# Build by voice

> Speak your request instead of typing it. WPOS transcribes it into the chat box so you can check it, then builds it on the live page.

export const YouTubeVideo = ({id, title, caption}) => {
  const [playing, setPlaying] = useState(false);
  return <div className="demo-embed">
      {playing ? <iframe src={`https://www.youtube-nocookie.com/embed/${id}?autoplay=1&rel=0&playsinline=1`} title={title} allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowFullScreen /> : <button type="button" className="yt-facade" onClick={() => setPlaying(true)} aria-label={`Play video: ${title}`} title={title}>
          <span className="yt-facade-thumb" style={{
    backgroundImage: `url(https://i.ytimg.com/vi/${id}/maxresdefault.jpg)`
  }} aria-hidden="true" />
          <span className="yt-facade-play" aria-hidden="true">
            <svg width="26" height="26" viewBox="0 0 24 24" fill="currentColor">
              <path d="M8 5.14v13.72a1 1 0 0 0 1.52.85l10.97-6.86a1 1 0 0 0 0-1.7L9.52 4.29A1 1 0 0 0 8 5.14z" />
            </svg>
          </span>
        </button>}
      {caption ? <p className="demo-caption">{caption}</p> : null}
    </div>;
};

Sometimes it is faster to say what you want than to type it. Speak your brief
into the chat, check the transcript, and send it. WPOS builds it on the live
page exactly as if you had typed it.

<YouTubeVideo id="Syplw7FmQMs" title="Build a WordPress Site by Voice" caption="Speak the brief, WPOS builds it" />

## Speak a request

<Steps>
  <Step title="Start recording">
    With the chat box empty, click the microphone button at the right of the
    chat box. (The same button becomes **Send** once there is text in the
    box.) The first time, your browser asks for permission to use the
    microphone. Allow it.
  </Step>

  <Step title="Say your brief">
    A waveform shows WPOS is listening. Describe the change the way you would
    type it, for example:

    ```text theme={null}
    Add a full-width call to action at the bottom:
    dark green, one headline, one button to the contact page.
    ```
  </Step>

  <Step title="Confirm or cancel">
    Confirm to place the transcript in the chat box, or cancel to throw it
    away.
  </Step>

  <Step title="Check and send">
    Read the transcript, fix anything that was misheard, and send it.
  </Step>
</Steps>

Once sent, a spoken request works like any other: WPOS checks the site,
builds on the live page, and reports back in the chat.

## Tips

* **Speak in English.** Voice input transcribes US English.
* **Be as specific as you would be in writing.** Name the section, the
  colors, and what the button should do. A clear sentence out loud gives the
  same result as a clear sentence typed.
* **Use a supported browser.** Voice input uses your browser's built-in speech
  recognition. Chrome, Edge, and Safari support it. If the microphone button
  does nothing, check the microphone permission for your wp-admin site, or
  try one of those browsers.

<CardGroup cols={2}>
  <Card title="Chat and modes" icon="comments" href="/operate/chat">
    Modes, auto plan, attachments, and the rest of the chat.
  </Card>

  <Card title="Select and edit" icon="arrow-pointer" href="/operate/select-and-edit">
    Point at an element in the preview and change it.
  </Card>
</CardGroup>
