Build your first App with AI
Step-by-step interactive guide with the FORGE Framework
Welcome
0/1Course introduction and what you will build
Welcome to the course
In this course you will create the architecture document for your application — a `.md` file that serves as the master blueprint the AI needs to build your app correctly.
This approach is called "vibe coding": instead of writing every line of code yourself, you describe what you want to build to an AI and it generates the code for you. But for the AI to do a good job, it needs clear, structured instructions. That is exactly the document you will create here.
Without a blueprint, the AI improvises — and the result is disorganized code, inconsistent decisions, and a lot of wasted time. With a good architecture document, the AI builds with direction and purpose.
What is the FORGE Framework? FORGE is a 5-step method to define your app before writing code:
F — Frame (Frame the problem): What does your app solve and for whom? O — Orchestrate (Orchestrate the components): What tech, data, and APIs do you need? R — Route (Structure the project): How are files organized? (AI-generated) G — Generate (AI instructions): What rules should it follow when building? (AI-generated) E — Endure (Testing & quality): How do you verify everything works? (AI-generated)
In this module, you will complete phases F and O with course guidance. Then, the AI will automatically complete R, G, and E based on your decisions.
Estimated duration: ~60 minutes. What you need: a computer, internet connection, and an app idea. The result: a professional `.md` file ready to load into Claude Code.
Setup
0/4Install and configure Claude Code on your computer
Frame — Frame the problem
0/5Before lighting the forge, know what you will forge. Define WHAT to build and for WHOM.
Orchestrate — Orchestrate the components
0/5The alchemist studies every ingredient before mixing the potion. Define HOW your app will be built.
Mi App
Architecture document — FORGE Framework Date: 2026-05-30 Generated with Contentu.co — Course: Build your App with AI
1. Frame — Problem Definition
Problem Statement
Not defined yet — complete this field in the course for better results
User Stories
Not defined yet — complete this field in the course for better results
Success Metrics
Not defined yet — complete this field in the course for better results
Constraints
Not defined yet — complete this field in the course for better results
Non-Goals
Not defined yet — complete this field in the course for better results
2. Orchestrate — System Architecture
Tech Stack
Not defined yet — complete this field in the course for better results
Data Schema
Not defined yet — complete this field in the course for better results
API Design
Not defined yet — complete this field in the course for better results
Authentication Model
Roles: Not defined yet — complete this field in the course for better results
Permissions: Not defined yet — complete this field in the course for better results
External Integrations
None defined
3. Route — Project Structure
Use "Refine with AI" to generate a complete file structure based on your chosen tech stack.
4. Generate — AI Instructions
Use "Refine with AI" to generate detailed, step-by-step instructions for Claude Code to build your app.
5. Endure — Testing & Quality
Use "Refine with AI" to generate a testing plan and launch checklist.
How to use this document
This document was generated with the FORGE Framework as an architecture brief for your application.
To use with Claude Code Desktop:
- Save this .md file in your project folder
- Open the Claude Code Desktop application on your computer
- Select your project folder
- Tell Claude: "Read the architecture file and build the application"
- Claude Code will use this document as a guide to generate all the code
To refine with AI:
If you haven't used the "Refine with AI" button in the course yet, do it to get:
- Complete file structure (Route section)
- Detailed instructions for Claude Code (Generate section)
- Testing plan and launch checklist (Endure section)
Your blueprint is ready
In Module 2, you'll load this file into a new Claude Code session and start building your app.