Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

Browse all series

Watch Me AI the UI

In this workshop, come along as I upgrade the visual design of our Laracasts team dashboard. As you'll see, design work can sometimes be a bit tricky to orchestrate. Can AI properly evaluate a screenshot and convert it to CSS? Well, yes...and no! But luckily, we have a variety of techniques we can use to increase our odds of success. Let's go!

Progress

Series Info

Episodes
5
Run Time
47m
Difficulty
Intermediate
Last Updated
Mar 11, 2026
Version
Latest
Play Series

Series Episodes

  1. Episodes (5)

    1. The First Try

      Let's begin by reviewing the current outdated team dashboard. Then we'll pass our redesign screenshots off to AI. Together we’ll plan the work, ask the right questions, and complete the first pass of this project.

    2. Tests Are Your Safety Net

      With the first draft in place, we’ll get our safety net set up with Pest browser tests that open dialogs and click through the invite, manage, and assignment screens. Don't be so cavalier with your redesigns that you break your app in the process!

    3. The Screenshot Approach

      Our dashboard still feels too panel-heavy compared to the design we’re aiming for, so it’s time to iterate. We’ll seed a realistic demo team, add an admin-only /team/demo endpoint, and use Chrome checks plus zoomed-in screenshots to push the UI closer to pixel-perfect.

    4. The Figma Link Approach

      After pushing the screenshot-based workflow as far as we can, we’ll switch to fetching exact pixel values from Figma using their MCP server and the implement design skill. We’ll treat a node link as the source of truth and tighten up the assignment dialog, while keeping an eye out for the subtle mistakes.

    5. How to Organize Upgrades

      With the dashboard in a solid place, we’ll upgrade to Inertia.js v3 and put the new APIs to work without turning it into a slog. We’ll lean on AI to read the docs, propose a migration plan, and help wire up features like once(), the reloading prop, useHttp, and optimistic UI updates for a snappier feel.

Continue Learning

The Ralph Wiggum Technique thumbnail

The Ralph Wiggum Technique

With Sabatino Masala

Join me as I perform a deep-dive into the agentic looping technique known as "Ralph Wiggum." In this series, we’re not just building a script, we’re building the surrounding system that makes an agent reliable enough to collaborate with. We’ll work through permissions, sandbox rules, hooks, and safer ways to run in more autonomous modes. By the end, we’ll have something much bigger than a typical demo: a working approach for spec-driven agent development that can run locally, in the background, or on a remote machine over SSH. Let's go!

  • 16 Episodes
So You Want to Build an Agent thumbnail

So You Want to Build an Agent

With Jeffrey Way

You're likely using an AI agent every day at this point, but do you truly understand how it works under the hood? What separates an agent from a general chat? What's a tool? How do we provide the loop for executing these tools? In this series, we'll demystify some of these concepts by building a basic agent that is capable of interacting with your file system and triggering tools.

  • 9 Episodes
The Batteries-Included AI Toolkit thumbnail

The Batteries-Included AI Toolkit

With Jeremy McPeak

The Laravel AI SDK is a first-party toolkit for adding AI features to your applications. Using a helpdesk app as our playground, you’ll learn structured output, chat with memory, streaming, tool use, retrieval, and everything else you need to build AI features that are reliable, testable, and ready for production. This is an incredibly powerful toolkit, and I can't wait to show you what you can build. Let's get going!

  • 13 Episodes
AI Developer Workflows thumbnail

AI Developer Workflows

With Jeffrey Way

It's a brand new world. Suddenly, we find ourselves less writing code line by line, and more writing plans, coordinating agents, and building workflows. There's a lot to learn. But we gotcha!In this series, each episode will demonstrate one potential AI workflow that you might adopt in your own projects. Check back often, as we'll be adding new episodes every month.

  • 3 Episodes
Leveraging AI for Laravel Development thumbnail

Leveraging AI for Laravel Development

With Jeffrey Way

The web development world forever changed in December, 2025. This was the month when we realized just how powerful and useful LLMs had truly become. And there's no turning back. It's time to get on board! This train isn't stopping. Join me, as I get you up to speed in record time. Learn about Jetbrains AI, agents, prompting, vibe coding, developer-driven AI, Ralph Wiggum, and a wealth of tips and techniques to drastically speed up your workflow. Let's go!

  • 18 Episodes