Foundation Base

From Foundation to My App

A walkthrough of the full Foundation Base ownership loop using the Meditation App as the example.

Open Meditation AppLink guide

Foundation Base demo to your installed app

The product loop is a transformation, not just a checklist.

1Demo

Try the original Meditation App.

2Copy

Create your editable source package.

3AI

Ask for a breathwork trainer for athletes.

4App Link

Deploy your stable customized URL.

5Install

Add your version to phone or desktop.

Before

Meditation App demo

  • Shared Foundation Base version
  • Useful today
  • Not your custom app

After

Your App Link

  • Customized breathwork trainer
  • Owned source package
  • Install your version
Sample agent prompt
Turn Meditation App into a breathwork trainer for athletes.
Add box breathing, 4-7-8, coherent breathing, session history,
and recovery-focused copy. Keep data local-first and preserve
Create My App, deploy, and install guidance.
What changed

The demo became an editable app copy, the AI changed the product for a real use case, and the deployed App Link became the version you install.

Try it yourselfInstall guide

Steps

  1. Try the original Foundation Base demo.
  2. Click Create My App.
  3. Create your editable source copy and unzip it.
  4. Open the folder in Claude Code, Codex, Cursor, or another coding agent.
  5. Paste the included agent prompt.
  6. Ask for a specific change, such as turning Meditation App into a breathwork trainer for athletes.
  7. Run the app locally.
  8. Deploy your App Link.
  9. Install your version on phone or desktop.

Sample customization

Turn Meditation App into a breathwork trainer for athletes. Add breathwork presets, interval timing, session history, and a simple dark mode. Keep the app local-first and preserve the existing install and deploy flow.

Pick a working app. Make it yours.

Try the shared demo, create your editable copy, customize with AI, deploy your App Link, and install your version.

1

Try Demo

Use the original Foundation Base demo.

2

Create My App

Create the editable source package.

3

Customize with AI

Open the folder in Claude Code, Codex, Cursor, or another coding agent.

4

Deploy App Link

Publish your own stable URL.

5

Install Your Version

Add your deployed App Link to your phone or desktop.

The Foundation Base demo does not update when you customize your copy. Install your own App Link after you deploy.

Demo Link

The original Foundation Base version. Good for trying the app.

Preview Link

A temporary testing link while your app is being customized.

App Link

Your stable deployed URL. Install this version if you want your changes to appear on your phone or desktop.

Recommended foundations

MAProduction Ready

/health / updated Jul 6, 2026

Meditation App

v1.0.0

A local-first meditation timer app with presets, session history, JSON backups, PWA install support, offline fallback, and AI-agent customization instructions.

  • Use it today.
  • Create your editable copy.
  • Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+2
BeginnerDifficultywellness routines, coaching workflowsBest forMITLicense
5 min setupAgent-readyApp Link path
Create My AppTry DemoDetails

Creates your editable project with setup files and AI-agent instructions.

BRProduction Ready

/health / updated Jul 3, 2026

Breathwork

v1.0.0

A calm breathing companion: an animated pacer for box, 4-7-8, coherent, and long-exhale patterns, with a private session history.

  • Use it today.
  • Create your editable copy.
  • Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+1
BeginnerDifficultywellness routines, coaching workflowsBest forMITLicense
5 min setupAgent-readyApp Link path
Create My AppTry DemoDetails

Creates your editable project with setup files and AI-agent instructions.

HAProduction Ready

/personal / updated Jul 2, 2026

Habit Tracker

v1.0.0

A calm habit tracker with a seven-day grid, one-tap check-ins, and streaks computed from what you actually did.

  • Use it today.
  • Create your editable copy.
  • Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+1
BeginnerDifficultyprivate personal apps, owned dataBest forMITLicense
5 min setupAgent-readyApp Link path
Create My AppTry DemoDetails

Creates your editable project with setup files and AI-agent instructions.

Questions

What happens when I click Create My App?

You download an editable source package with setup files and AI-agent instructions. Your copy is separate from the Foundation Base demo.

Does the Foundation Base demo update when I customize my copy?

No. The demo is the original shared version. Install your own deployed App Link when you want your customized app on a device.

Can I use Claude Code, Codex, Cursor, or another agent?

Yes. Foundations are designed to be opened by an AI coding agent after you download and unzip the source package.

Built for safe starting points

Every foundation is treated as code, not content. Contributions are reviewed before publication, and foundations are checked for hidden network behavior, unsafe scripts, secrets, and unclear setup paths.

See standards