The Field Guide / Product tours

See the work. Follow the controls.

Films, chaptered product tours, and operating guides for the working Studio.

Open the learning paths + practice labs ↗
Four new motion films / 72 seconds each

Your agency.
A whole studio behind it.

Explore the agency operating home, the white-label partnership, and Mr. Mustard with the agent crew. Follow actual product work from a clear brief to editable files.

Watch the four new films ↗
The product demo / Two minutes

See the whole
engagement work.

Follow demonstration records through the real product: the agency, the agreement, production, white-label fulfillment, and the client dashboard.

The complete engagement, shown with demonstration records inside the real product. Download film ↗
Product demo / 2 minutesWide MP4CaptionsTranscriptSource rig

Keep the guides close.

The system, the operating workflow, and the business model, ready to read and share.

Product whitepaper

The three studios, the complete engagement, and the agent production model.

Open PDF ↗

Agency guide

Onboarding, delivery paths, fixed package references, and the review standard.

Open PDF ↗

Business plan

The commercial model, costs, margin assumptions, targets, and evidence for an investor conversation.

Open PDF ↗
Ten chapters, a clear first workflow, and the connected tools explained. Download film ↗
Your first useful session

One client.
One finished thing.

Complete the brief, open the first artifact, make one refinement, then export and inspect the result. Set up the private agency workspace when you are ready to bring clients and collaborators in.

A door for each kind of work

Find your next move.

Start with the outcome you want. Each room keeps its controls, setup state and output together.

03 / THE STUDIO

Graphic design

Editable layers, reusable templates and portable PNG, SVG and project exports.

Open graphic design ↗
04 / THE STUDIO

Film room

Clip order, titles, timing, soundtrack volume and video export.

Open film room ↗
06 / THE STUDIO

Agent workforce

Specialist handoffs, generated files, model spend and execution receipts.

Open agent workforce ↗
07 / THE STUDIO

Software factory

Direct the crew, edit portable source files and preview the result in your browser.

Open software factory ↗
08 / THE STUDIO

Voice agents

Build Vapi agents, record or import your cloned voice, test live audio and export the terminal project.

Open voice agents ↗
09 / THE STUDIO

Coding computer

Run code in the Vercel sandbox, inspect execution receipts and stop the session.

Open coding computer ↗
10 / THE STUDIO

Visual computer

The E2B screen, files and reviewed connected actions. Its provider setup is separate from the coding computer.

Open visual computer ↗
11 / THE STUDIO

Team

Invite collaborators and keep editor and reviewer roles clear.

Open team ↗
12 / THE STUDIO

Brand

Keep the agency identity consistent across client work.

Open brand ↗
13 / THE STUDIO

Readiness

See the next useful step before a client handoff.

Open readiness ↗
14 / THE STUDIO

Packages

Understand the two agency paths and the setup requirements.

Open packages ↗
15 / THE STUDIO

Sales desk

Review prospects and prepare outreach inside Master Studio.

Open sales desk ↗
Keep this open while you work

From the tour
to the real thing.

Build and verify software

  1. Create a source project and save its current version in your agency workspace. Use the engineering brief to describe the behavior and the evidence that will prove it works.
  2. Assign a bounded workforce Mission. Inspect the specialist outputs and review before importing generated files into the editor.
  3. Run the browser preview for HTML, CSS and JavaScript projects. Interact with the result and inspect its console.
  4. Send the source to the coding computer. Start a private session, give the engineer a concrete task, and inspect its actual commands, exit codes and files. Stop the computer when finished.
  5. Download the source ZIP and keep the version history. Publish a live app preview for review; framework builds and production backend deployment use their own hosting setup.
Open this room ↗

Make a voice agent

  1. Choose the agency and optional client space. Enter the business purpose, opening line, operating instructions and approved knowledge. Save the brief.
  2. Connect the agency’s Vapi account. Sarah’s Master agency can use the configured MMS provider account.
  3. Choose a standard voice, or connect ElevenLabs and record or import your own voice. Complete any speaker verification, choose the ready voice, then save the brief. Review the exact revision and send it to Vapi. Read its provider result before repeating an interrupted operation.
  4. Start the browser test, grant microphone access and speak. Set volume or mute, then end the test. Calls are bounded to one minute.
  5. For production traffic, finish version publication, phone configuration and account settings in Vapi. Download the terminal project to manage the same configuration with the Vapi CLI and its included PowerShell commands.
Open this room ↗

Bring a team into the work

  1. Sign in as the agency owner and invite each teammate at the email address they will verify.
  2. Choose Editor for people who produce work and Reviewer for people who inspect and discuss it.
  3. Share the invitation link with that exact person. Invitation acceptance requires the matching verified email.
  4. Open the correct client space and use its discussion channel. Check the current version before saving changes.
  5. Remove access when a teammate leaves. Keep portable handoffs for the client’s own operating knowledge.
Open this room ↗

Match the packaging and publish the site

  1. Read the existing public website, or upload its HTML export for a local audit. Use the findings to identify missing content and discovery metadata.
  2. Upload the actual packaging or brand reference. Select sampled colors, then set the exact background, text and accent values.
  3. Edit the company story, headline, contact address and image description. Compare the original reference with the website preview.
  4. Publish as the agency owner, open the returned URL, and check the mobile result. Use the publication list to unpublish a version if needed.
  5. Download the discovery kit. For your own domain, verify Search Console ownership and submit the sitemap. Search engines determine indexing and ranking.
Open this room ↗

Research the next good client

  1. Open the agency operating office through the Growth room so work runs in the correct agency account.
  2. Give the research Mission a specific business type, location and reason for fit. Require source links and contact details printed by the business.
  3. Review the result before accepting contacts into the agency CRM. Keep qualification, next step and conversation history current.
  4. Prepare one relevant message. Review the recipient, source, offer and wording before approving a send.
  5. Use actual provider receipts to record delivery. Social publishing requires its own account authorization; direct messages are not claimed as an automatic capability.
Open this room ↗
What runs where

Keep the setup clear.

The product shows the state of each connection. A setup notice means that capability still needs its provider or workspace authority.

Ready in your browser.

Explore local production recipes. Edit graphic layers. Create a film from your media. Export transparent print artwork. Download the project files you want to keep.

Local work stays on this device. Keep exported copies. The film room keeps uploaded media for the current browser session.

Connected to your business.

Private client spaces use your signed-in agency. Language, image, cloud computer, merchant and email actions require their configured providers and permitted workspace.

Canva and Photoshop handoffs use exported files. The studio does not claim a live account sync with either application.

Open account connections ↗
The launch collection

Your agency.
Mustard mode.

Fieldheads Coffee, a matching campaign, and a client agent crew. Real product screens and original sound. Download film ↗
Read along

The complete field guide.

0:00Choose the right client

Begin in Agency Studio. Choose the company you are working for. Its private workspace keeps the brief and work together. The client uses an invitation bound to their email, then opens the dashboard prepared for that company.

Open this room ↗
0:18Agree on scope and collect kickoff

Open the engagement. Review the fixed scope and the signed version. The client supplies priorities, asset links, and access invitation notes. Keep passwords out of the form. The agency releases production when the required inputs and verified payment are ready.

Open this room ↗
0:36Edit a design and keep a template

Select a layer in Graphic Design. Edit its words and watch the canvas respond. Refine the position, size, and color. Save a template for the next project. Export a PNG or SVG, and keep the editable project file.

Open this room ↗
0:54Make a cut and hear the mix

Add a clip or still in the Film Room. Set its title and duration. Add your soundtrack, then set its volume. Export the cut and review the finished video. Keep the tab visible while it renders. Your uploads stay in this browser session.

Open this room ↗
1:12Prepare the print file

In Merch, shape the print artwork and export the transparent PNG. Check its dimensions against the product’s print area. A Printify connection transfers artwork to your library. Shopify Headless supplies catalog and checkout. Review products and samples in the merchant account.

Open this room ↗
1:30Run a useful software example

Open saved source in the software builder. Run the preview. Change an input and check the result, as we do with this coffee finder. Keep the source editable. Save a revision and download the files before sharing the finished application.

Open this room ↗
1:48Give the crew a bounded Mission

In Workforce, name one deliverable and choose a model spending ceiling. Delegate when the language provider is connected. Inspect the specialist handoffs, files, and usage receipts. Pause work when needed. Review the result before you accept its handoff.

Open this room ↗
2:06Use the private coding computer

The coding computer runs code in a private cloud sandbox when its provider and allowance are ready. Inspect the command, output, and exit code. Stop the session when you are finished. Provider setup and saved receipts show what actually happened.

Open this room ↗
2:24Review and keep the client handoff

In the client dashboard, open Delivered work. Review the shared link. Leave specific feedback or confirm approval. That decision stays with the delivery. Access and handoff exports the shared links and review receipts, so the client can keep the record.

Open this room ↗
2:42Turn the next request into work

The client assistant uses agency-approved knowledge when answers are enabled. A work request also works without AI answers. Save the request, and the agency can acknowledge it. Keep the next improvement with the company it belongs to. Start there.

Open this room ↗