Sign-In
Cart
Half the Cycle: Vibe Coding Vol 3 - Frontend Practice: Style Guide, Components, Responsive, and Accessibility - Ship Real Frontends with Claude Code
Paperback
Series: Half the Cycle: Vibe Coding, Book 3
Currently unavailable to order
Please enter your email and a message will be sent to you when this product becomes available on our website.
Publisher: Independently Published
Pages: 182
Weight: 0.55
Height: 0.39 Width: 6.00 Depth: 9.00
Language: English
Vol 1 gave you the setup. Vol 2 shipped the backend. Now the frontend, and everything falls apart. Claude generates a form that looks right, but the button is 2 pixels off. The dark mode works until you notice the modal breaks. The mobile view responds until you rotate your phone. Screen reader? Nobody tested it. This is Volume 3 of the Half the Cycle: Vibe Coding series - the field guide to shipping real frontends with Claude Code, where visual correctness is a first-class deliverable.
Because AI can't see. Claude reads code and writes code, but it doesn't look at what the code renders. This book is 15 chapters solving that problem - a strict Style Guide that reins in Claude's freedom, a Screenshot Verification loop that catches visual regressions, and an automated Accessibility pipeline that WCAG-tests every commit.
Three Weapons Against Frontend Chaos- Strict Style Guide + Design Tokens: use these exact tokens - Claude can't drift
- Screenshot Verification: Playwright + Vision API catches visual diffs before merge
- Automated Accessibility: axe-core + WCAG AA gate on every PR - no manual review
- Component Library: Storybook by state - viewport - Claude composes from approved atoms
- Responsive: mobile-first breakpoints Claude actually respects
- Part 1: Why Frontend Is Harder - visual judgment limits, screenshot tools, style guide fundamentals
- Part 2: Signup screen end-to-end - form UX, real-time validation, responsive, accessibility
- Part 3: Board screens end-to-end - list, detail, editor, paging, search UI
- Part 4: Style & Accessibility in depth - design tokens, dark mode, WCAG AA automation
- Part 5: Integration & Refactoring - component library, Storybook, Core Web Vitals
- Visual regressions caught: from 8/week → 0 with screenshot verification
- Style drift incidents: down 89% after strict tokenization
- WCAG AA compliance: automated 100% blocking CI
- Component reuse: from 34% → 78% with Storybook discipline
- A design token system (color - typography - spacing - shadow) - single source of truth
- A Signup and Board UI end-to-end - form, list, detail, editor, paging
- A complete Dark Mode implementation - including modal, dropdown, chart edge cases
- A Storybook component library - atoms - molecules - organisms, by state and viewport
- A Core Web Vitals performance budget - enforced in CI
- Frontend engineers who Vibe-Coded a UI that looked right but broke in production
- Full-stack devs whose frontend is where the review cycle gets stuck
- Design system leads standardizing tokens across an org
- Anyone who's approved a Claude-generated UI and later discovered the modal was inaccessible
Every AI builds a UI post ends at and it renders. This book ships to prod with pixel-perfect visual regression tests, WCAG AA gates, and mobile-first responsive verified on every viewport. Every recommendation carries exact Playwright specs, axe assertions, token definitions.
PrerequisitesComfortable with one modern frontend framework (React, Vue, or Svelte). Basic CSS. Vol 1 recommended but not required.
The SeriesVol 1: Setup Complete - Vol 2: Backend Practice - Vol 3: Frontend Practice (this book - trilogy finale). Read Vol 1 first, or standalone if frontend is your pain point.
Stop shipping frontends that look right. Ship ones that render, respond, and read - verified by the machine that wrote them.
Also from
Byung Hong, Yoo
Harness Engineering for Web Developers: From Prompts to Context to Autonomous Agent Environment Design
Byung Hong, Yoo
Paperback
Cloud Essentials for Web Developers: A Hands-On Guide to AWS, Containers, CI/CD, and Cloud Architecture
Byung Hong, Yoo
Paperback
WAS for Developers: A Practical Guide to Tomcat and JBoss/WildFly - Configuration, Troubleshooting, and Performance Tuning
Byung Hong, Yoo
Paperback
Dev Environment Essentials for Web Developers: From Linux to Docker, Git, and CI/CD - A Practical Setup Guide
Byung Hong, Yoo
Paperback
Linux Essentials for Web Developers: A Practical Guide to SSH, Files, Permissions, Networking, and Server Administration
Byung Hong, Yoo
Paperback
Database Essentials for Web Developers: A Practical Guide to RDBMS, SQL, MySQL, PostgreSQL, Oracle, Indexing, and Tuning
Byung Hong, Yoo
Paperback
Network Essentials for Web Developers: A Practical Guide to IP, DNS, HTTP, Load Balancers, SSL, and Troubleshooting
Byung Hong, Yoo
Paperback
Also in
Programming
Interactive Theorem Proving and Program Development: Coq'art: The Calculus of Inductive Constructions
Castéran, Pierre
Bertot, Yves
Hardcover
The Legend of Zelda(tm) Tears of the Kingdom - The Complete Official Guide: Collector's Edition
Piggyback
Hardcover
Python Crash Course, 3rd Edition: A Hands-On, Project-Based Introduction to Programming
Matthes, Eric
Paperback
Crisis Engineering: Time-Tested Tools for Turning Chaos Into Clarity
Dickerson, Mikey
Nitze, Marina
Weaver, Matthew
Paperback
Accelerate: The Science of Lean Software and DevOps: Building and Scaling High Performing Technology Organizations
Humble, Jez
Kim, Gene
Forsgren Phd, Nicole
Paperback
Embedded Systems with ARM Cortex-M Microcontrollers in Assembly Language and C: Fourth Edition
Zhu, Yifeng
Paperback
Vibe Coding: Building Production-Grade Software with Genai, Chat, Agents, and Beyond
Kim, Gene
Yegge, Steve
Paperback
The Legend of Zelda(tm) Tears of the Kingdom - The Complete Official Guide: Standard Edition
Piggyback
Paperback
Fundamentals of Software Architecture: A Modern Engineering Approach
Richards, Mark
Ford, Neal
Paperback
I Have an App Idea: The Essential Guide to Building an App Without Tech Skills
Spann, Amanda
Paperback
AI Projects with Raspberry Pi: High-Performance Artificial Intelligence for Robotics, Security, Home Automation, and Vision
Jepson, Brian
Hattersley, Lucy
Paperback
Make: Electronics: Learning by Discovery: A Hands-On Primer for the New Electronics Enthusiast
Platt, Charles
Paperback
The Manager's Path: A Guide for Tech Leaders Navigating Growth and Change
Fournier, Camille
Paperback
The Devops Handbook, 2nd Edition: How to Create World-Class Agility, Reliability, & Security in Technology Organizations
Kim, Gene
Humble, Jez
Debois, Patrick
Paperback
Building Applications with AI Agents: Designing and Implementing Multiagent Systems
Albada, Michael
Paperback
The Developer's Guide to AI: A Field Guide for the Working Developer
Reghunadh, Jerry M.
Thompson, Danny
Orshalick, Jacob
Paperback
The Staff Engineer's Path: A Guide for Individual Contributors Navigating Growth and Change
Reilly, Tanya
Paperback
Learning Web Design: A Beginner's Guide to Html, Css, Javascript, and Web Images
Robbins, Jennifer
Paperback
Cracking the Coding Interview: 189 Programming Questions and Solutions
McDowell, Gayle Laakmann
Paperback
The New AI Cold War: Liberty vs. Tyranny in the Age of Machine Empires
Maginnis, Ltc Robert L.
Paperback
Software Architecture: The Hard Parts: Modern Trade-Off Analyses for Distributed Architectures
Richards, Mark
Sadalage, Pramod
Ford, Neal
Paperback
The Return on AI: From Promise to Profit in the Age of Intelligent Business
Sawhney, Mohanbir
Mittal, Ashwin
Paperback
SQL QuickStart Guide: The Simplified Beginner's Guide to Managing, Analyzing, and Manipulating Data With SQL
Shields, Walter
Hardcover
Observability Engineering: Achieving Production Excellence
Fong-Jones, Liz
Miranda, George
Majors, Charity
Paperback
The Pragmatic Programmer: Your Journey to Mastery, 20th Anniversary Edition
Thomas, David
Hunt, Andrew
Hardcover
Linux Basics for Hackers, 2nd Edition: Getting Started with Networking, Scripting, and Security in Kali
Occupytheweb
Paperback
The Official Raspberry Pi Handbook 2026: Astounding Projects with Raspberry Pi Computers
Makers of Raspberry Pi Official Magazine, The
Paperback
Forecasting: Principles and Practice, the Pythonic Way
Hyndman, Rob J.
Athanasopoulos, George
Paperback
Generative AI Design Patterns: Solutions to Common Challenges When Building Genai Agents and Applications
Hapke, Hannes
Lakshmanan, Valliappa
Paperback
Head First Design Patterns: Building Extensible and Maintainable Object-Oriented Software
Freeman, Eric
Robson, Elisabeth
Paperback
Frictionless: 7 Steps to Remove Barriers, Unlock Value, and Outpace Your Competition in the AI Era
Noda, Abi
Forsgren, Nicole
Paperback
Arduino Programming for Beginners: A Comprehensive Beginner's Guide to Learn the Realms of Arduino Programming from A-Z
Protosmith, Ada
Paperback
Concrete Mathematics: A Foundation for Computer Science
Graham, Ronald
Patashnik, Oren
Knuth, Donald
Hardcover
Building AI-Powered Products: The Essential Guide to AI and Genai Product Management
Nika, Marily
Paperback
Grokking Algorithms, Second Edition: An Illustrated Guide for Programmers and Other Curious People
Bhargava, Aditya Y.
Paperback
Debugging: The 9 Indispensable Rules for Finding Even the Most Elusive Software and Hardware Problems
Agans, David J.
Paperback
Learning Domain-Driven Design: Aligning Software Architecture and Business Strategy
Khononov, Vlad
Paperback
Learning Generative AI Tools for Excel: Speed Up Your Everyday Tasks with Microsoft Excel, Copilot, Chatgpt, and Beyond
Duca, Angelica Lo
Paperback
Site Reliability Engineering: How Google Runs Production Systems
Beyer, Betsy
Murphy, Niall Richard
Jones, Chris
Paperback
The Software Architect Elevator: Redefining the Architect's Role in the Digital Enterprise
Hohpe, Gregor
Paperback
Python Programming for Young Coders: A Hands-On, Project-Based Introduction to Coding for Beginners, Kids, and Teens
Pandey, Anand
Paperback
Computer Science from Scratch: Building Interpreters, Art, Emulators and ML in Python
Kopec, David
Paperback
Learning Php, MySQL & JavaScript: A Step-By-Step Guide to Creating Dynamic Websites
Nixon, Robin
Paperback
Building Safer Technology: A Field Guide to Failing Well
Zunger, Yonatan
Coles, Neil
Kissner, Lea
Paperback
Software Engineering at Google: Lessons Learned from Programming Over Time
Winters, Titus
Manshreck, Tom
Wright, Hyrum
Paperback
Prompt Engineering for Llms: The Art and Science of Building Large Language Model-Based Applications
Berryman, John
Ziegler, Albert
Paperback
Living a Jewish Life, Revised and Updated: Jewish Traditions, Customs, and Values for Today's Families
Diamant, Anita
Cooper, Howard
Paperback
Articulating Design Decisions: Communicate with Stakeholders, Keep Your Sanity, and Deliver the Best User Experience
Greever, Tom
Paperback
Pro C# 10 with .Net 6: Foundational Principles and Practices in Programming
Troelsen, Andrew
Japikse, Phil
Paperback
Adobe Photoshop, 2nd Edition: A Complete Course and Compendium of Features
Laskevitch, Stephen
Paperback
Spies, Lies, and Algorithms: The History and Future of American Intelligence
Zegart, Amy B.
Paperback
Build an AI Agent (from Scratch): Agents That Reason, Plan, and ACT Autonomously
Song, Younghee
Hur, Jungjun
Paperback
Kubernetes in Action, Second Edition: Deploying and Managing Containers and Cloud-Native Applications
Luksa, Marko
Conner, Kevin
Paperback
Electronic Music and Sound Design - Theory and Practice with Max 9 - Volume 1 (Fifth Edition)
Cipriani, Alessandro
Maurizio, Giri
Paperback