Build a Complete App With Claude Code: Plan, Build, Test & Review
Ease With AI
0:00 / 0:00
Build a Complete App With Claude Code: Plan, Build, Test & Review
9 просмотров · 2 недели назад
Ease With AI
9 просмотров · 2 недели назад
Can separate Planner, Builder, and Reviewer roles turn an application idea into a working, verified app with Claude Code?
In this fast, direct tutorial, I demonstrate an agentic Claude Code workflow by building QuoteFlow, a local quote-management application, from an almost-empty GitHub repository.
Three separate Claude Code sessions act as the Planner, Builder, and Reviewer. Claude handles the technical work while you control the requirements, decisions, approvals, testing, and final acceptance.
⏸ This tutorial moves quickly. Pause whenever needed while following the steps. All prompts and setup instructions are available in the downloadable guide below.
▶ WATCH PART ONE — My Proven Claude Code Workflow:
• My Proven Claude Code Workflow: Plan, Buil...
▶ WATCH PART TWO — Apply the Workflow to an Existing App:
• How Non-Developers Can Develop Pro-Level A...
📥 DOWNLOAD THE RESOURCES USED IN THIS VIDEO:
• Complete Claude Code workflow
• Paste-ready prompt templates
• Jira task template
• Branch-creation prompt
• Planner prompt
• Builder prompt
• Application-testing prompt
• Builder feedback prompt
• Independent Reviewer prompt
• Commit, push, merge, and Jira completion prompt
• Tool setup and Jira MCP connection guide
https://drive.google.com/drive/folder...
In this tutorial, you’ll learn how to:
• Create and clone a GitHub repository
• Connect Claude Code to Jira using MCP
• Run separate Planner, Builder, and Reviewer sessions
• Define clear application requirements in Jira
• Create a dedicated Git branch
• Make Claude inspect and plan the application before coding
• Review and approve the implementation plan
• Save the approved plan to Jira
• Let the Builder implement and validate the application
• Run and manually test the result
• Report visible problems using structured feedback
• Have Claude correct and validate the application again
• Use an independent Reviewer for the final check
• Commit, push, and merge only after approval
• Complete the development record in Jira
The example project is QuoteFlow, a local application for creating and managing quotes.
The first implementation is not accepted blindly. When the dashboard displays invalid values and missing quote information, I document exactly what I expected and what I actually saw.
The Builder investigates the problems, applies the corrections, and validates the application again.
Only after the visible problems are fixed does the separate Reviewer compare the implementation against the Jira requirements, approved plan, and validation evidence.
The final result is planned, built, corrected, independently reviewed, saved to GitHub, and completed in Jira.
This gives non-developers a repeatable way to supervise AI-assisted software development without personally writing or understanding every line of code.
You make the decisions and approvals. Claude handles the technical work.
Subscribe to Ease With AI for practical AI productivity, automation, agents, Claude Code, Codex, and real-world AI-assisted software development.
Put AI to Work. Work Smarter. Automate More.
CHAPTERS
00:00 Build a Verified App Without Writing Code
00:30 QuoteFlow and the Complete Workflow
01:03 Create the GitHub Repository
01:23 Tools Required for the Tutorial
02:17 Clone the Repository
02:44 Connect Jira to Claude Code
03:40 Enable Claude Code Auto Mode
03:51 Create the Planner, Builder, and Reviewer
04:22 Define the Requirements in Jira
05:11 Create a Dedicated Git Branch
05:38 Planner: Inspect and Plan the Application
06:11 Approve and Save the Plan to Jira
06:33 Builder: Implement and Validate the App
07:01 Run and Test the Application
07:14 Problems Found in the First Attempt
07:40 Send Clear Feedback to the Builder
08:20 Verify the Corrected Application
08:45 Reviewer: Independent Final Check
09:39 Commit, Push, and Merge the Work
10:50 Final Result and Reusable Workflow
#ClaudeCode #AICoding #BuildAppsWithAI