From Foundation to My App

A walkthrough of the full Foundation Base ownership loop using the Kanban Board as the example.

Foundation Base demo to your installed app

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

1Demo

Try the original Kanban Board.

2Copy

Create your editable source package.

3AI

Ask for a content calendar for your team.

4App Link

Deploy your stable customized URL.

5Install

Add your version to phone or desktop.

Before

Kanban Board demo

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

After

Your App Link

  • Customized content calendar
  • Owned source package
  • Install your version
Sample agent prompt
Turn Kanban Board into a content calendar for my team.
Add an editorial calendar view, status-specific templates, owner filters,
and weekly planning 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.

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 Kanban Board into a content calendar for your team.
  7. Run the app locally.
  8. Deploy your App Link.
  9. Install your version on phone or desktop.

Sample customization

Turn Kanban Board into a content calendar for your team. Add an editorial calendar, status-specific templates, owner filters, and weekly planning copy. 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.

Recommended foundations

KNProduction Ready

/productivity / updated Jul 10, 2026

Kanban Board Template App

v1.0.0

A clean, installable Kanban board template for projects, personal work, content calendars, software boards, CRM pipelines, household tasks, and startup operating boards.

  • Use it today.
  • Create your editable copy.
  • Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+2
project planning, personal tasksBest forMITLicense
5 min setupAgent-readyApp Link path

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

CCProduction Ready

/utilities / updated Jul 1, 2026

Content Calendar

v1.0.0

A content operations foundation for calendars, campaign planning, draft workflows, approvals, and publishing checklists.

  • Use it today.
  • Create your editable copy.
  • Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+1
focused workflows, small toolsBest forMITLicense
5 min setupAgent-readyApp Link path

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

OSProduction Ready

/productivity / updated Jun 29, 2026

Personal Operating System

v1.0.0

A flexible personal system foundation for daily planning, projects, notes, habits, and review loops.

  • Use it today.
  • Create your editable copy.
  • Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+1
personal systems, daily planningBest forMITLicense
5 min setupAgent-readyApp Link path

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