How to Get Started with Grok Bot
Grok Bot just dropped. I downloaded it on a Mac the same day and recorded myself setting it up. Not a feature list. What I actually clicked, what worked, and which bots I would create.
Debbie Codes
Debbie O'Brien - Platform Engineer – Applied AI at Zephyr Cloud, with over 15 years experience in Frontend development. Writing about Playwright, testing, React, Nuxt and more.
Latest posts
I Tested If Grok Bot Could Book My Flights
I asked a Grok Bot to act as my travel agent and book flights. Close, but missing the last step. Here is the video of what worked and what didn't.
Grok Bot Just Dropped and I Had to Try It
Grok Bot just dropped. A team of bots on your computer for LinkedIn, GitHub, email, and content publishing. Here is my raw first look.
An Agent That Hunts Bugs in My App While I Sleep
Every hour, an agent opens our real app, clicks around like a tester, and files honest bug reports. A second agent fixes them. Here is how it works.
How We Test an AI Product Without Burning Credit
Every message in an AI product is a paid model call. Here is how we test the full chat flow end to end and spend nothing doing it.
How I Documented an Entire Product in 4 Days with an AI Agent
How I used Goose, an open-source AI agent, to write 55 pages of documentation, capture 59 screenshots, and build three reusable skills in just four days.
How I Used AI to Fix Our E2E Test Architecture
AI-led analysis of a 6% local pass rate — from tracer bullet planning to building an agent skill that transformed 38 spec files with measurable benchmarks.
Claude Code Commands and Shortcuts
A guide to Claude Code's slash commands, keyboard shortcuts, and tips for a smoother workflow in the terminal.
I Built an Agent Skill That Turns Rough READMEs Into Polished Docs
How I turned a single-file agent skill into a maintainable README workflow with scripts, references, and evals.
Build Websites, Games, and Teaching Resources With Google Gemini for Free (No Coding Required)
Discover how Google Gemini's Canvas lets anyone build websites, games, and interactive teaching resources for free — no coding skills required.
What Are Agent Skills? Beginners Guide
A beginner's guide to AI agent skills — what they are, how they work, and how to build your first skill in minutes.
From Prompt Files to Agent Skills: How I Unified My Content Automation
How I migrated from three separate VS Code prompt files to a single portable agent skill that handles videos, podcasts, and blog posts — with browser verification and automatic PR creation built in.
How I Use AI Agents + MCP to Fully Automate My Website's Content
How I use AI agents and MCP tools to automate publishing and updating podcasts, videos, and other content on my website.
First Two Years of Raising Kids and Working Fulltime
I now have two year old twins yet I also work fulltime and manage to raise my kids with no daycare or family help. Many people ask me how I do it and sometimes I even wonder myself! In this post, I want to share my experiences, challenges, and strategies for balancing work and parenthood over the past two years.
Debugging My Zsh Config With Goose (and Why Agentic AI Actually Helped)
I've been playing around with a few things recently and wanted to share a real experience that genuinely surprised me. When Goose CLI wouldn't run, the agent investigated my .zshrc file and found a subtle syntax error that would have taken me much longer to debug manually.
Testing in a Logged-In State with the Playwright MCP Browser Extension
If you've ever needed to test an application that requires authentication, you know the pain of logging in every time or, worse, handing over your credentials to an LLM. With the new Playwright MCP Browser Extension for Chrome and Edge, that's no longer necessary.
Automating Form Submissions with Playwright MCP and a Prompt file
Have you ever wished you could automate browser tasks — like filling out a form or uploading a file — without writing a full-blown test script? What if all you needed was a plain-text prompt written in natural language? Well now you can with Playwright's MCP server.
Building Your First MCP Server: A Beginners Tutorial
Have you ever wanted your AI assistant to access real-time data? Model Context Protocol (MCP) servers make this possible, and they're surprisingly simple to build and use! Learn how to build an MCP server from scratch using TypeScript, connect it to a real weather API, and integrate it with VS Code and GitHub Copilot.
Vibe Coding with Copilot and Gemini 2.5 pro - Simplifying My Blog with AI-Assisted Refactoring
I have been wanting to share more content on my blog, but ironically, the process of publishing has been slowing me down. In a recent vibe coding session, I decided to remove images from the blog entirely and explore a content-first approach with AI assistance.
Generate Playwright tests without code access using MCP and Copilot
Discover how to use MCP (Model Context Protocol) and GitHub Copilot to generate Playwright tests without needing access to your application's source code, perfect for testing external sites or black-box testing scenarios.
Letting Playwright MCP explore your site and write your tests
Learn how to use Playwright MCP (Model Context Protocol) to explore your website and automatically generate comprehensive tests, making web testing more efficient and thorough.
Setting Up the Official GitHub MCP Server, A simple Guide
The GitHub MCP (Model Context Protocol) Server is a powerful tool that provides seamless integration with GitHub APIs, enabling advanced automation and interaction capabilities. This guide will walk you through how to set up and use the official GitHub MCP Server.
Playwright MCP Servers Explained Automation and Testing
Did you know Playwright has two MCP servers? Learn about the Playwright MCP server for browser automation and the Playwright Test MCP server for testing, both designed to work with AI agents and GitHub Copilot.
Fixing Failing Tests Automatically with Playwright's New Healer Agent
If you've ever returned to your test suite to find a sea of red, you're going to love this one. The Playwright Healer Agent is here — and it's changing how we think about test maintenance.
I Built My Own AI Agent using n8n — And You Can Too
I recently built my own AI agent. Not because I needed one, but because I wanted to see how far I could take the current tools available. It turned out to be surprisingly straightforward, extremely flexible, and genuinely useful.
Playwright Agents Planner, Generator, and Healer in Action
Playwright has introduced a powerful new feature: Playwright Agents. These agents can generate test plans, create tests based on those plans, and even debug and fix failing tests automatically.
Automate Your Screenshot Documentation with Playwright MCP
Creating visual documentation has always been a time-consuming process. What if I told you there's a way to automate this entire workflow with a single prompt using Playwright MCP?
Taking my babies to a conference
But this time it was different. I brought my babies to the conference. I was really worried about doing this as what would people think? And the voices start going off in my head. But why should I care. Cause you know, I just do.
Building Your First MCP Server - A Beginner's Tutorial
Learn how to build your first Model Context Protocol (MCP) server from scratch. This beginner-friendly tutorial walks you through the fundamentals of MCP and guides you step-by-step through creating your own server to enhance AI applications.
Delivering a Talk
How can we walk on that stage with more confidence, deliver a great talk and not only own the stage but also connect with the audience. It’s not easy, but like everything it does get easier with practice. Let’s go over a few ways you can improve your public speaking skills, either for the big stage or for remote talks, and let’s discuss what is holding you back from becoming an amazing tech…
Getting Started with Python and Playwright
For those new to Python here is a quick beginners guide on how to setup Python and Pytest and install Playwright. We then create an example test and run it in both headed and headless mode meaning with and without a browser window.
Testing Menus on Desktop and Mobile
We can write a simple test to make sure that when a user clicks on an item in the menu it takes them to the correct page. To test my website I use Playwright which I already have installed. Let's take a look at how to test the menu on desktop and mobile.
2022 Recap - Achieving your dreams Debbie
And there it is, another year gone but when you look back at all you have achieved then really there is no more to say than; what a year. From Google interviews to being hired by Microsoft, speaking at conferences and traveling to so many conferences and lots of sport, 2022 was a great year.
How to locate elements in Playwright
How can we locate a link click on it in our e2e tests. In this article we will learn how to locate elements in Playwright using the test generator to generate your tets based on user actions or pick a locator by clicking on an element
Migrating from Nuxt 2 to Nuxt 3
My personal website was built many years ago and had collected quite a large amount of code as I used my site to play around and experiment new features of Nuxt. It took me ages to finally decide to migrate cause lets face it, we all hate migrations. But I finally did it and I'm so glad I did. I'm going to share with you the steps I took to migrate my site from Nuxt 2 to Nuxt 3.
Testing a Sites Color Mode with Playwright
My site has a color mode option to change from light theme to dark theme or sepia theme or use the system preference. So how can we write a test to make sure this all works?
Interviewing with the Big Tech Companies
When a recruiter from Meta, from America, had called me, it just opened my eyes to the possibility that maybe just maybe I was actually good enough to work for the big tech companies.
Why Microsoft and How I achieved my Goal
I just really liked the idea that Microsoft were willing to send people out to help others, to help them build better software with their products and I said to the two Microsoft guys, "One day I will work for Microsoft".
Fixing Diversity in Tech
When you step back from the nationality, the color, the religion the sex etc you just get a bunch of people who become a great bunch of friends. This is tech. This is what tech should be like always, for everyone.
The JavaScript Array.at() method
Often we want to return a single item from an array. There are a few methods of doing this including the `at(index)` method which returns the item at a given index.
The JavaScript Array.filter() method
The .filter() method in JavaScript creates a new array with all elements that pass the test implemented by the provided function.
Finding the Right Work Life Balance
To many people it might look like I have it all worked out and to be honest I do think I have a pretty good work life balance. But it wasn't always that way. I am probably older than most people who will read this and therefore I have had more time to make mistakes and learn from them.
Minimizing SVGs
When working with SVG's sometimes we just put the svg into our code and think nothing more of it. But do we always need all that code that the SVG gives us? Perhaps not. SVGO is a tool that can take an SVG and compress it down to a smaller size ensuring your site is more performant.
Finding Motivation as a Developer
Many people keep asking me where I get my motivation from, how do I find so much time and energy to do so much? I certainly don't have all the answers but I do think it is something you teach yourself.
Being an Imposter
If you ever look at the home page of my site or the intro slide of my talks you will probably think I am the biggest show off in the world. However, really I am an imposter. I doubt my abilities and find it difficult to accept my accomplishments and wonder if I deserve them.
Pagination in Nuxt Content
My blog was getting bigger and bigger and so time to add pagination. I am using Nuxt Content to manage my blog posts. So how do I add pagination to my blog? Let me show you how I did it.
Debugging Tests in Playwright
Let's take a look at some of the ways you can debug your tests in Playwright should they fail. Playwright scripts work with existing debugging tools, like Node.js debuggers and browser developer tools. Playwright also introduces new debugging features for browser automation.
Playwright Reports and Traces
Playwright will serve up a HTML report on your local server so you can easily walk through the steps of your test. You can also open a trace file which gives you even more powerful options of viewing, reporting, interacting and even debugging your tests.
Design Tokens and Theming
As frontend developers we are normally given a design from Figma or similar tools that we then need to turn into code. So where do we start? What are the first steps we should take when converting our design into code?
Getting Started with Playwright Testing
How can we get more developers to write tests? We can create better tools that makes testing easier. Let's take a look at Playwright and it's amazing features including codegen which writes your tests for you.