Playing with AI

7th July 2025
How AI Modernized My Portfolio Blog – A Day of Automated Upgrades Today I gave my portfolio a major design upgrade — and I didn’t write a single line of code or content. Everything was handled by GitHub Copilot in Agent mode. 🎨 What Changed • Modernized navigation across all pages • Floating buttons and modals now visually consistent • Dynamic background with toggle option • Unified styling and better UX across the board 🤖 How It Happened I just described what I wanted in plain English. The AI handled the rest - installing Playwright, generating code, updating styles, and even writing this post. ⚠️ Lessons Learned Short prompts = incomplete results. I realized that vague requests led to fragmented code, duplicated logic, and bloated structure. And when I asked the AI to “fix” things, it often made them messier. 🙌 Still Worth It Despite the hiccups, it was amazing to see so much come together without tsouchingthe terminal. Watching tests run, components build, and UI evolve — all from natural language — was genuinely exciting. 🧠 Looking Ahead The world of Agentic AI is evolving fast. I now wonder: Can I prompt my way into faster development? Can I automate smarter testing? Can I focus more on creativity while AI handles the grunt work? One thing’s certain — AI won’t replace developers, but it’s definitely changing the way we build.
5th July 2025
🚀 My First Experience with MCP & AI Agents (and it blew my mind) 🤯 After seeing more and more posts about MCP—especially the bite-size videos from Debbie O'Brien — I had to investigate. The whole Agentic AI wave was all around me, and I had never paid much attention to it, being busy with other things. But once I decided to dive in… my mind was blown 🤯. 👨‍💻 The Mission I decided to start my adventure with MCP and the GPT Agent in VS Code (Insider Edition)by trying to rebuild the Playwright test suite for a portfolio page I had built a while ago. It’s nothing special—just vanilla Playwright tests using Page Object Model (POM)for reusability, clean structure, and easy maintenance. 🧠 Zero Code Written by Me Yes, literally—I didn’t type a single line of code or run any terminal commands.Istarted by adding the MCP Playwright Server. Super easy: -> Run Add Server -> Type @playwright/mcp -> Hit Enter -> Click Allow -> ✅ Done. Switched to Agent Mode in Copilot… and the rest is history. I simply told the Agent: -> Install Playwright & dependencies -> Initialize the project -> Use a prompt (originally by Debbie O'Brien, slightly adjusted for my setup) 🎯 After that, it generated all the tests for me. ❌ Some tests were failing… I just said: 🛠️ “Fix all the failing tests and run them again.” And like magic ✨—it kept fixing them until they passed! I then asked: 🧱 “Add POM support.” Copilot: “Sure, no problem.” ✅ 🍬 But what came next made me feel like a kid in a candy shop! It asked: “Would you like further enhancements?” And presented a list of suggestions! 🤯 🚀 Suggested Improvements: ✅ More assertions for images, content, dynamic elements 🔁 Navigation flow tests using page objects 🔗 External link validation (e.g., GitHub, LinkedIn) 📊 Parameterized tests using test.each() ♿ Accessibility checks with axe-core 🖼 Visual regression via screenshot diffs 🌐 API testing & mocking 📦 Shared base classes for reusable checks ❌ 404/error page testing ⏱ Performance tracking (page load times) It even offered to help implement any of them on the spot. ⏱ All of this took just 20 minutes. 😳 🤔 This experience got me thinking… Is this the future of SDET work? Are we heading toward a world where we: -> Generate prompts 🎤 -> Let AI handle the boilerplate ⚙️ -> Focus more on quality oversight, strategy, and edge cases? Part of me says: ✅ Yes—it removes time-consuming grunt work, puts the human in control, and lowers the barrier for non-coding QAs to join automation. But also… 💻 I like to code! Either way, the possibilities are HUGE. And this is just the beginning. 🌱 If you like to see the repo it is here.