The Curious Engineer

All blogs / JavaScript / TypeScript

alexop.dev

alexop.dev

A Personal Blog from a simple web developer

JavaScript / TypeScriptAI / MLTesting / QAFrontend / CSS / browsers

’22’23’24’25’26
Posts
119 from 23 Sep 2022 to 1 Nov 2026
Posting
weekly (59 in the last year)
Kind
personal blog
Feed
https://alexop.dev/rss.xml

2026 48

  1. How I Use Grok Bot: 36 AI Agents in 9 Days
  2. How I Made an AI Explainer Video in My Own Cloned Voice
  3. Goodbye vue-tsc? Moving a Vue Project to TypeScript 7.1 Content Mappers
  4. Type-Safe State in Your URL: Vue Router's Param Parsers
  5. Learning from pstack: Build Your Own Reliable Coding Agent Stack
  6. I think software teams will shrink to 2-4 people plus agents
  7. The death of the software developer
  8. The Dirty Flag Pattern, Explained with Snake
  9. pstack's Playbooks, Explained as Factorio Factories
  10. Run Only the Playwright Tests Your Change Can Affect
  11. How I made exercise icons with Codex and ChatGPT
  12. Hexagonal Architecture in Vue: Where to Put Your Code and Why
  13. Enforce Tailwind CSS Design Tokens in Vue with @shadcn/lint
  14. What my first Tacon taught me: give AI a better testing process and know your audience
  15. What Should a Green Test Prove? Vue Testing with Vitest Browser Mode
  16. Stop using the Clanker for my writing
  17. The Democratization of Software Development
  18. Clean Code Is Sexy Again: Making Your Vue Project AI-Ready
  19. How VS Code Copilot Chat Compacts Your Conversation
  20. Open Knowledge Format: I Already Do This, and Now It Has a Name
  21. The Four Types of Memory for AI Agents (and How Claude Code Implements Each)
  22. Build Your Own Eval Harness from Scratch with Bun and claude -p
  23. I Rebuilt Cloudflare's AI Code Review in a 250-Line Workflow
  24. How I Became an International Speaker
  25. Claude Code Workflows: Deterministic Multi-Agent Orchestration
  26. How to do AFK Coding
  27. How to Write UI Components That Stay Flexible
  28. A Modern Quality Pipeline and Testing Strategy for Frontend Projects
  29. Exploratory QA with AI Agents: Building a Site-Agnostic Harness
  30. How to Use Claude Code as an AI QA Tester with Agent Browser
  31. How to Catch Hydration Errors in Playwright Tests (Astro, Nuxt, React SSR)
  32. App Screenshots: An AI Coding Agent Skill for Visual Documentation
  33. The Software Factory: Why Your Team Will Never Work the Same Again
  34. Building a Real-Time Todo App with Jazz and Vue 3
  35. How I Turned Claude Code's Thinking Indicator into a One Piece Adventure
  36. How I Added Sound Effects to Claude Code with Hooks
  37. Building a Walkthrough Skill for AI Coding Agents
  38. Claude Code Agent Teams: How Multiple Sessions Coordinate (2026)
  39. VMark: Hand-Drawn Annotations for Presentations
  40. Spec-Driven Development with Claude Code in Action
  41. My Opinionated ESLint + Oxlint Setup for Vue Projects
  42. Next Level GitHub Copilot: Agents, Instructions & Automation in VS Code
  43. What's New in VS Code Copilot: January 2026 Update
  44. Presentation Mode: Turn Your Blog Posts into Slides
  45. Stop Bloating Your CLAUDE.md: Progressive Disclosure for AI Coding Tools
  46. How I Built a Skill That Lets Me Talk to Claude's Conversation Memory
  47. In Five Years, Developers Won't Write Code By Hand
  48. Mutation Testing with AI Agents When Stryker Doesn't Work

2025 44

  1. Why You Don't Need the Nuxt MCP When You Use Claude Code
  2. Claude Code Customization Guide (2026): CLAUDE.md vs Skills vs Subagents
  3. How to Customize Your Claude Code Status Line
  4. Vue 3 Testing Pyramid: A Practical Guide with Vitest Browser Mode
  5. Building an AI QA Engineer with Claude Code and Playwright MCP
  6. Vue Composables Style Guide: Lessons from VueUse's Codebase
  7. A Claude Code TDD Skill: Forcing Red-Green-Refactor Discipline
  8. Claude Code Notifications: Get Alerts When Tasks Finish (Hooks Setup)
  9. Claude Code Slash Commands: A Complete Guide (2026)
  10. Claude Code Explained (2026): MCP, Skills, Subagents, Hooks & Plugins
  11. How to Build a Claude Code Plugin: Skills, Agents & Commands
  12. Building a Modular Monolith with Nuxt Layers: A Practical Guide
  13. How to Handle API Calls in Pinia with The Elm Pattern
  14. How to Write Better Pinia Stores with the Elm Pattern
  15. How to build Microfrontends with Module Federation and Vue
  16. Why You Need Something Hard in Your Life
  17. What Is the Model Context Protocol (MCP)? How It Works
  18. How VueUse Solves SSR Window Errors in Vue Applications
  19. Mastering GraphQL Fragments in Vue 3: Component-Driven Data Fetching
  20. How I Use Claude Code for Doing SEO Audits
  21. The Age of the Generalist
  22. How I Use LLMs
  23. No Server, No Database: Smarter Related Posts in Astro with `transformers.js`
  24. Type-Safe GraphQL Queries in Vue 3 with GraphQL Code Generator
  25. LLM-Powered Search: o4-mini-high vs o3 vs Deep Research
  26. Watching OpenAI's o3 Model Sweat Over a Paul Morphy Mate-in-2
  27. Getting Started with GraphQL in Vue 3 — Complete Setup with Apollo
  28. How ChatGPT Works (for Dummies)
  29. Stop White Box Testing Vue Components Use Testing Library Instead
  30. The Computed Inlining Refactoring Pattern in Vue
  31. Are LLMs Creative?
  32. The Inline Vue Composables Refactoring pattern
  33. Math Notation from 0 to 1: A Beginner's Guide
  34. How to Implement a Cosine Similarity Function in TypeScript for Vector Comparison
  35. How I Added llms.txt to My Astro Blog
  36. How to Do Visual Regression Testing in Vue with Vitest?
  37. How to Test Vue Router Components with Testing Library and Vitest
  38. Building a Pinia Plugin for Cross-Tab State Syncing
  39. How to Use AI for Effective Diagram Creation: A Guide to ChatGPT and Mermaid
  40. The Browser That Speaks 200 Languages: Building an AI Translator Without APIs
  41. Solving Prop Drilling in Vue: Modern State Management Strategies
  42. Building Local-First Apps with Vue and Dexie.js
  43. Adding Obsidian-Style Wiki Links to My Astro Blog
  44. Unlocking Reading Insights: A Guide to Data Analysis with Claude and Readwise

2024 20

  1. The What Why and How of Goal Settings
  2. XML-Style Tagged Prompts: A Framework for Reliable AI Responses
  3. How to Use the Variant Props Pattern in Vue
  4. SQLite in Vue: Complete Guide to Building Offline-First Web Apps
  5. Create Dark Mode-Compatible Technical Diagrams in Astro with Excalidraw: A Complete Guide
  6. Frontend Testing Guide: 10 Essential Rules for Naming Tests
  7. Create a Native-Like App in 4 Steps: PWA Magic with Vue 3 and Vite
  8. Atomic Architecture: Structuring Vue and Nuxt Projects
  9. Bolt Your Presentations: AI-Powered Slides
  10. 10 Rules for Better Writing from the Book Economical Writing
  11. TypeScript Tutorial: Extracting All Keys from Nested Object
  12. TypeScript Snippets in Astro: Show, Don't Tell
  13. Vue 3.5's onWatcherCleanup: Mastering Side Effect Management in Vue Applications
  14. How to Build Your Own Vue-like Reactivity System from Scratch
  15. What is Local-first Web Development?
  16. Vue Accessibility Blueprint: 8 Steps
  17. How to Structure Vue Projects
  18. How to Persist User Data with LocalStorage in Vue
  19. How to Write Clean Vue Components
  20. The Problem with as in TypeScript: Why It's a Shortcut We Should Avoid

2023 6

  1. Exploring the Power of Square Brackets in TypeScript
  2. How to Test Vue Composables: A Comprehensive Guide with Vitest
  3. Robust Error Handling in TypeScript: A Journey from Naive to Rust-Inspired Solutions
  4. Mastering Vue 3 Composables: A Comprehensive Style Guide
  5. Best Practices for Error Handling in Vue Composables
  6. How to Improve Accessibility with Testing Library and jest-axe for Your Vue Application

2022 1

  1. Mastering TypeScript: Looping with Types