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
116 from 23 Sep 2022 to 24 Oct 2026
Posting
weekly (57 in the last year)
Kind
personal blog
Feed
https://alexop.dev/rss.xml

2026 45

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