Wire up your
starter project.
Plug in a framework and the capabilities you need. The schematic shows exactly what gets built, and what it connects to.
A · IDENTITYOK
Used for the folder and package name.
TRY
B · FRAMEWORKSELECT 1
Web Application: For websites, dashboards and SaaS products.Track 01 · web apps where people pay, or where your server pays for services.
C · CAPABILITIES
RDY ready+SRV adds companion serverUNV unverified· compatibility illustrative
E · OUTPUT21 FILES · 14 PKGS · 7 ENV
Builds a real project from agent-studio-scaffolds v0.9.0, downloaded as a ZIP.
D · SCHEMATIC━ in project┄ external
PROJECTmy-first-ai-agentNext.js13 BASE FILES
Gemini AIRDY
3 files · 1 pkg · 2 envInternet-Native PaymentsRDY
5 files · 5 pkg · 5 env- FILES
- 21
- PACKAGES
- 14
- ENV VARS
- 7
ALSO NEEDED
EXTERNALGemini API · Free API key from Google AI Studio.
EXTERNALx402 facilitator · Hosted service that verifies and settles payments. Uses Solana devnet while you build.
my-first-ai-agent/
├─ app/
│ ├─ api/Gemini
│ │ └─ chat/Gemini
│ │ └─ route.tsGemini
│ ├─ chat/Gemini
│ │ └─ page.tsxGemini
│ ├─ globals.css
│ ├─ layout.tsx
│ └─ page.tsx
├─ components/
│ ├─ Nav.tsx
│ └─ ui.tsx
├─ lib/
│ ├─ ai/Gemini
│ │ └─ gemini.tsGemini
│ ├─ payments/Payments
│ │ ├─ client.tsPayments
│ │ ├─ config.tsPayments
│ │ └─ server.tsPayments
│ └─ modules.ts
├─ scripts/Payments
│ ├─ keygen.tsPayments
│ └─ wallets.tsPayments
├─ .env.example
├─ .gitignore
├─ next.config.ts
├─ package.json
├─ README.md
├─ studio.manifest.json
└─ tsconfig.json
Representative preview · the ZIP's studio.manifest.json lists the exact files and versions
my-first-ai-agent21 FILES · 14 PKGS · 7 ENV