> ## Documentation Index > Fetch the complete documentation index at: https://docs.voiceos.com/llms.txt > Use this file to discover all available pages before exploring further. # Quickstart > Build your first integration in about three minutes — no code, right inside VoiceOS. Every VoiceOS integration — Gmail, Google Calendar, Linear, and the ones you make — speaks the same visual language: **native cards in the notch**. Two VoiceOS notch cards side by side: a Gmail inbox card listing three emails with a green New badge, and a Google Calendar card listing the day's three events with times. You'll build one of your own without leaving the app. No code, no terminal. **Integrations → Custom tab → Build anything.** The VoiceOS Integrations page on the Custom tab, showing the Build anything hero card and the My Integrations list. Describe it the way you'd brief a person: what to fetch or track, what each action does, what you want to see. The Studio composer titled 'Tell VoiceOS what to build' with the brief 'Show me the Hacker News front page, and read the top story aloud with ElevenLabs.' typed in, above two template cards. VoiceOS researches the services involved and asks up to four multiple-choice questions — data source, API keys, scope. The recommended answer is always first, and **Skip — build as described** is always available. The Quick decisions screen with two answered questions: an API key question with 'I have an ElevenLabs API key' selected, and a scope question with 'Read the front page' selected, above a Start building button. A couple of minutes: it plans, generates, validates itself, installs a **live draft on your Mac**, draws an icon, and design-reviews its own cards. The Studio build view for a generated Hacker News integration: Required fields marked 2 Missing, Tools with per-action 'asks first' toggles, logs reading 'Reviewing the design…', and a notch preview pane with tap-to-preview suggestions. Closing the window doesn't stop the build. A progress row stays in My Integrations — reopen it any time. The preview runs **real agent turns** against your draft. Tap a suggestion chip or type an utterance; acting tools park on their confirmation card first, exactly as they will live. A Hacker News notch card with a globe icon, 'Front page' trailing label, and three story rows with authors, comment counts, and point scores. Two things worth doing before you save: * **Fill in Required fields** (that ElevenLabs API key). The draft relaunches with your values, so the full flow is testable immediately. * **Click each row in Tools** to stage that action's card, and use the **Asks first** toggles to decide which actions confirm before running. Hit **Save**. It lands in **My Integrations**, and from the next conversation on the agent can use it anywhere: *"what's on Hacker News?"* → card in the notch, story read aloud in Rachel's voice. ## Changing it later | | | | ----------------- | --------------------------------------------------------- | | **Refine field** | Plain English change requests — *"add a search action"*. | | **Edit with AI** | Reopens any Studio-built integration as a draft. | | **Keep building** | It's a real folder on disk — hand it to Cursor or Claude. | ## Where next Scoped refines, brand-matched design, icon generation, developer handoff. The block language behind every card you just saw. The same integration by hand — full control over tools and cards. The architecture: manifest, tools, confirmations, and the notch.