Перейти к содержимому

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