AI Dev Lab

Mentoring Tomorrow's AI Developers

Category: web development

  • Zero-Touch QA: Automating Playwright Test Generation with Copilot Skills and MCP

    Zero-Touch QA: Automating Playwright Test Generation with Copilot Skills and MCP

    Writing robust end-to-end tests for a live, multi-page application you do not own is notoriously difficult. Without access to local development environments, Storybook components, or internal feature flags, you are left manually inspecting the DOM to figure out how things work. However, the testing landscape is shifting rapidly. By leveraging GitHub Copilot’s extensible architecture, I…

  • How I Optimized a Heavy Image Gallery to 99/100 in Lighthouse with AI

    How I Optimized a Heavy Image Gallery to 99/100 in Lighthouse with AI

    After a few years of neglecting it, I finally decided to spend a moment refreshing my personal website. I thought it would be a perfect opportunity to not only learn something new but also to test how AI tools—under proper supervision—can handle a very typical, yet notoriously tricky web development problem: heavy image optimization. My…

  • I Built a Browser Game in 2 Hours on a Free Weekend – No Coding

    I Built a Browser Game in 2 Hours on a Free Weekend – No Coding

    Last weekend I had some free time and a wild idea: what if I built a fully playable browser game from scratch — design, code, assets, and deployment — in a single afternoon? No team. No budget. Just a concept, a few AI tools, and roughly two hours. The result is Steki Kuby — an…

  • Always On Time: Creating a Custom iOS Bus Widget with Scriptable

    Always On Time: Creating a Custom iOS Bus Widget with Scriptable

    Introduction When you commute every day from the same bus stop, checking departure times quickly becomes a routine annoyance. Instead of calmly walking out of the house, you end up opening an app, waiting for it to load, tapping through a few screens, and only then seeing when the next bus leaves. This costs precious…

  • Building a Real LEGO Sales App with AI: Why Project Decomposition Matters More Than Prompt Magic

    Building a Real LEGO Sales App with AI: Why Project Decomposition Matters More Than Prompt Magic

    AI tools can generate code quickly, but shipping a working app still depends on one old-school engineering skill: breaking the project into clear parts, defining system boundaries, and configuring each layer correctly. The Principle I Keep Relearning When people talk about building with AI assistants like Codex, the conversation often focuses on prompts. In practice,…

  • Vibe‑Coding a Real App with AI in 3 Hours: What the Free Tools Don’t Tell You

    Vibe‑Coding a Real App with AI in 3 Hours: What the Free Tools Don’t Tell You

    It started with a tweet. A Polish traffic‑safety journalist (https://x.com/_zboral) wrote that if someone in IT really wanted to, they could topple the local driving‑school industry in a week by launching a free website with driving‑test questions. The data is public, he said, and linked to the government portal hosting the official question set. Someone…

  • I turned 56 kids’ tales into a living Notion knowledge base –  and it drew me a map of the Land of Animal Detectives

    I turned 56 kids’ tales into a living Notion knowledge base – and it drew me a map of the Land of Animal Detectives

    Most tools store text. Notion stores text you can reason with. After importing my kids’ detective tales, I got five capabilities that changed my workflow. Suddenly, the stories stopped being static text and became an interactive world model. Instead of scrolling through chapters, I could interrogate the universe I had created — like talking to…

  • How I Used Comet Browser to Bulk Update Links in My Old Facebook Posts – and What I Learned

    How I Used Comet Browser to Bulk Update Links in My Old Facebook Posts – and What I Learned

    Migrating a domain is a pivotal moment for any online project. Recently, I moved my content fromhttps://drtfefbxsc.cfolks.pl/sniadanioweinspiracje/index.php/recipe/to a fresh, user-friendly domain:https://breakfasttips.com/recipe/ One thing became immediately clear: my Facebook page was littered with old recipe links pointing to the legacy domain. For branding, SEO, and user experience, those links needed updating—and fast. The Challenge: No Facebook…

  • From One Picture to a Board Game: How AI Helped Me Build a Game in One Afternoon

    From One Picture to a Board Game: How AI Helped Me Build a Game in One Afternoon

    It Started with a Photo Picture this: You’re wandering through a weekend market, coffee in hand, when you spot something that stops you in your tracks. For me, it was an elderly craftsman demonstrating an ancient strategy game on the most beautiful leather board I’d ever seen. https://game.orpi.pl The game was called “Three in Line”-…

  • How I Secured My Application with One Correct Prompt: A VibeCoders Guide to Risk-Free Security Implementation

    How I Secured My Application with One Correct Prompt: A VibeCoders Guide to Risk-Free Security Implementation

    Securing web applications can feel overwhelming, especially when balancing functionality with robust protection. However, sometimes the right approach can transform your application’s security posture with a single, well-crafted request. This is exactly what happened when I decided to secure my login system – and the results exceeded all expectations. The Challenge: Building Enterprise-Grade Security As…

  • The Fast Track to Failure? How to Quickly Verify AI-Generated Applications – Checklist

    The Fast Track to Failure? How to Quickly Verify AI-Generated Applications – Checklist

    As a lead software engineer, I’ve recently encountered a troubling trend. Many developers, including some who teach AI coding workshops, are fascinated by the ability to create applications with a single prompt. Like most “vibe coders,” they’ve never built, deployed, or maintained production applications independently—especially in large, distributed ecosystems with international, ever-changing teams and requirements.…

  • How to Build an AI-Powered Application Without Knowing How to Code, thanks to v0.dev

    How to Build an AI-Powered Application Without Knowing How to Code, thanks to v0.dev

    Many aspiring developers ask themselves how to build their own application if they can’t code or don’t even know what a “JS selector” is. If you have similar doubts, this guide is for you! I’ll show you, step by step, how AI and the v0.dev platform can help. 1. Describe Your Application with a Prompt The first…

  • Simplifying Web Testing with AI: Introducing the AI Test Script Generator

    Simplifying Web Testing with AI: Introducing the AI Test Script Generator

    The Testing Challenge As a team lead and software engineer, I’ve often encountered a recurring challenge in my projects: how to effectively test user journeys on websites. This challenge becomes particularly pronounced in companies without specialized QA teams, where testing responsibilities fall on developers who may not have extensive testing expertise. Let’s face it – many…

  • Middleware on Netlify with Next.js

    Yes, there are known issues with Next.js middleware (middleware.ts) on Netlify, and these can cause your pages not to display or route correctly in production, even if everything works locally. TL;DRread documentation:https://docs.netlify.com/frameworks/next-js/runtime-v4/redirects-and-rewrites/ Key Issues Identified Workarounds and Recommendations Summary Table Issue Type Impact on Netlify Workaround/Advice Middleware runs on all paths Causes 404s, breaks static…

  • Don’t blindly trust AI when coding!

    Don’t blindly trust AI when coding!

    Coding is evolving quickly. Tasks that can be described are now easily converted into code by LLM models. But is it safe to trust external tools that might lack awareness of syntax, best practices, and the pros & cons of different solutions? Key Advice:“Always test, write comprehensive unit tests, find errors, and suggest improvements.” Let’s…