Turn your idea into
a working Web App
Build your AI Web App or SaaS with
a structured Master Prompt for Codex
from databases and security to deployment
Before you start 0/3
Technology in the prompt
Your next app starts here
One prompt that helps Codex plan the work and build it step by step.
Free AI Web App / SaaS
Production-oriented Starter Kit
Give Codex a structured brief to build, test and prepare a real app for release. Start with a plan instead of a blank page.
FREE AI WEB APP / SAAS
Production-oriented Starter Kit## 0. PROJECT CONFIGURATION
APP_NAME: Your next big idea
APP_DESCRIPTION: Make it yours.
MAIN_BUSINESS_FEATURES:
Your business. Your features.
## IMPLEMENTATION PHASES
Foundation → Database → Business App
AI Integration → Hardening → Release
CODEX MASTER PROMPT
Three editions. One clear next step.
Start free, or talk to us about a maintainable system customers can find.
| Choose your scope | V1.0Starter · Free | V2.0Engineering | V3.0Engineering + SEO |
|---|---|---|---|
| Best for | Your first app | Team engineering | Search-ready SaaS |
| Focus | Six build phases | Architecture · Security · CI/CD | V2 + Full SEO |
| SEO | Project-specific setup | Semantic HTML + basic metadata | Rendering · Schema · SEO tests |
| Get the prompt | Get it free ↓ | Discuss V2.0 ↓ | Discuss V3.0 ↓ |
Only V1.0 is publicly available to copy and download for free. Contact us for V2.0 / V3.0 details. All editions are development prompts, not ready-made applications.
Explore the V2.0 and V3.0 scope
V2.0 · Software Engineering
GitHub + Cloudflare + Supabase with strict TypeScript, feature-based architecture, OWASP, multi-tenancy, automated tests and PR / CI/CD workflows.
Start from an AI-assisted Project Management SaaS example; adapt it to ERP, CRM, IoT or booking.
V3.0 · Full SEO Framework
Extend V2 with technical, on-page and social SEO: sitemaps, robots, canonicals, metadata, Open Graph, schema and internal links.
Prerender or statically generate public pages. Connect Search Console / Bing; check Lighthouse CI, broken links and SEO tests before deployment. Protect private data with authentication and appropriate indexing controls.
Core Web Vitals targets: LCP ≤ 2.5s · INP ≤ 200ms · CLS ≤ 0.1, measured with real users; lab tests guide improvements. Designed with free-tier limits in mind; rankings and zero operating costs are not guaranteed.
Start with the app you want to build
Choose a starting point, edit the details and get a prompt for your project.
Only PROJECT CONFIGURATION changes. All other content stays intact.
Six building blocks behind your app
The core architecture for AI Web Apps and SaaS built with the Master Prompt
Each part has a purpose and works together without running your own server.
- STACK 01
Frontend
React + Vite + TypeScript + Tailwind CSS
The interface your customers use, from dashboards and AI chat to forms and data management.
Designed for mobile and desktop - STACK 02
Hosting / CDN
Cloudflare Static Assets
Publish the frontend and serve it through Cloudflare's CDN for fast access.
No web server to manage - STACK 03
Backend / API
Cloudflare Workers + Hono
Business logic, data exchange, access checks, rate limits and external integrations through a serverless API.
Keep backend logic separate from the interface - STACK 04
Database / Auth / Storage
Supabase
PostgreSQL data, login, file storage and row-level security to control who can access each record.
Data, user accounts and files together - STACK 05
AI Engine
Cloudflare Workers AI
Questions, summaries, analysis and function calling depending on the model, including Gemma 4, GLM-4.7-Flash and GPT-OSS.
The prompt uses Gemma 4 first and GLM-4.7-Flash as fallback - STACK 06
Source Control / CI/CD
GitHub + Cloudflare Builds
Version your source code and connect builds and deployments from GitHub to simplify updates.
Review changes and release new versions systematically
Start within each service's free tier · Match AI models to the task and quota · Read about free tier limits
From the first structure to release
Six phases make progress reviewable throughout development.
Foundation
Project and API foundations
Database & Auth
Database, accounts and permissions
Business App
Core features and dashboard
AI Integration
Answers from authorized data
Hardening
Security and testing
Release
Deployment and documentation
Have an idea?
Start here
Open Codex and your project folder
Then follow these four steps
You do not need to define everything upfront. Start with the problem you want to solve, then build one part at a time.
- 1
Copy and paste into Codex
Copy the Master Prompt or download the .md file, then paste all its content into Codex in the project you want to build.
- 2
Make the brief your own
Edit PROJECT CONFIGURATION, especially APP_NAME, APP_DESCRIPTION and MAIN_BUSINESS_FEATURES, to match your SaaS.
- 3
Build one phase at a time
Have Codex implement phases 1–6, run tests and build. Review the results and fix errors before launch.
- 4
Connect accounts and deploy
Connect GitHub, Supabase and Cloudflare when real accounts are needed. Store secrets with the provider and test after deployment.
Codex stopped? Continue the work
Paste this into the same project chat to review completed work and implement what remains.
Continue implementing the remaining phases from the Master Prompt. First inspect the current repository and identify completed work. Do not recreate working features. Fix failing tests and build errors, then implement the next incomplete requirements. Report verified results and blockers in Thai.Need a hand?
Ask the assistant
Ask about the Master Prompt and how to use it,
the technology choices and what to prepare.
Answers reference this website
When AI is connected, questions are processed by Cloudflare
This site does not save chat messages to its database
Before you start,
a few answers
Short answers to common questions
What does free mean, and what might cost money?
The prompt is free, with no account required. The kit starts on free tiers; unlimited service is not promised. Workers AI includes 10,000 Neurons per day, resetting at 00:00 UTC (07:00 Bangkok). Codex and other services depend on your account plans. Review quotas and pricing before launching.
Which technologies does the starter kit use?
Six parts: 1. Frontend: React + Vite + TypeScript + Tailwind CSS — The interface your customers use, from dashboards and AI chat to forms and data management. 2. Hosting / CDN: Cloudflare Static Assets — Publish the frontend and serve it through Cloudflare's CDN for fast access. 3. Backend / API: Cloudflare Workers + Hono — Business logic, data exchange, access checks, rate limits and external integrations through a serverless API. 4. Database / Auth / Storage: Supabase — PostgreSQL data, login, file storage and row-level security to control who can access each record. 5. AI Engine: Cloudflare Workers AI — Questions, summaries, analysis and function calling depending on the model, including Gemma 4, GLM-4.7-Flash and GPT-OSS. 6. Source Control / CI/CD: GitHub + Cloudflare Builds — Version your source code and connect builds and deployments from GitHub to simplify updates. Start within each service's free tier. The AgentCraft AI website itself is hosted on Vercel.
Which AI models are used?
The prompt specifies @cf/google/gemma-4-26b-a4b-it as the primary model and @cf/zai-org/glm-4.7-flash as fallback through Cloudflare Workers AI. Answers must use data the user is authorized to access, with quota limits. Check the model catalog before launch.
Will I get a ready-to-sell app immediately?
This is a Master Prompt for Codex to build an app, not a finished SaaS codebase. Verify tests, builds, data permissions and real integrations before serving customers. Production readiness is not guaranteed simply by pasting the prompt.
Start free, within usage limits
This kit is designed to start on free tiers, not to run an unlimited SaaS at no cost. Workers AI offers 10,000 Neurons per day. Gemma 4 26B A4B and GLM-4.7-Flash support Workers Free according to documentation checked on 11 October 2026. Review current terms before launch.
Check Cloudflare quotas and pricingYour next app starts with your idea
Make the prompt yours and build with Codex
From real problems
to working systems
FDE Forward Deployed Engineer
We work closely with your team to understand the problem, design a solution, build it and put it to use. The needs of the people doing the work come first.
- 01
Understand the work
Talk to the people doing the work, identify bottlenecks and agree on the first problem to solve with measurable goals.
- 02
Build for the problem
Choose tools that fit the job, then build a web app, AI or automation that connects to the data and tools you already use.
- 03
Test with your team, refine in practice
Let the team try it, collect feedback and refine the system. Hand over practical guidance so it can become part of everyday work.
How we can help Web apps and back offices · AI for business data · Automation · System and data integrations
Tell us about your projectNo time to build it?
Let AgentCraft AI help
Want to turn an idea into a web app sooner? Talk to us about business websites, back-office systems and AI that helps with your work.
- Start with your business problem and goals
- Agree on scope, budget and timeline together
- Build, test and help deploy your system
What would you like your app to do?
Send your idea, a reference you like or a workflow you want to improve. We can discuss a practical starting point.
Contact on FacebookFound this useful? Buy us a coffee
Support more tools and shared knowledge if you would like to. The Master Prompt remains free to download.
LEARN. BUILD. SHIP.
Practical guides for your next build
Thai-language tutorials with practical examples for starting and testing your Codex project.
Browse Thai guides ↗