AIhero
    Loading

    Real-world feature build with Claude Code: every step explained

    Matt Pocock
    Matt Pocock

    In this video, I walk through a real-world example of using Claude Code with my course video manager, a React Router application I use daily for creating content, organizing courses, and managing videos.

    I'll show you my entire workflow: from initial feature brainstorming with the "grill me" skill, through creating PRDs and breaking them into issues, to running autonomous Ralph loops that implement features while I'm away from my desk.

    This isn't a polished tutorial. It's a raw, unscripted look at how I actually work with AI agents on a real codebase with over 1,200 commits and 637 closed issues. You'll see the messy parts, the QA loops, and the decisions I make along the way.

    The feature I'm building involves improving how "ghost" and "real" lessons work in my app. Ghost lessons exist only in the database, while real lessons have actual files on disk. The current workflow is clunky, requiring multiple steps to create or delete lessons. By the end of this session, I'll have streamlined the entire process and added support for "ghost courses" too.

    If you want to learn these skills from the ground up, check out Claude Code for Real Engineers, my cohort that teaches you how to apply real engineering practices to AI-assisted development.

    Share