Posts
Everything I have written, oldest habits and newest experiments alike. Frontend architecture, testing, and what actually changes when a model sits in the loop.
The story of a redesign with Claude Design and Claude Code
How I redesigned 56kode with Claude Design and Claude Code: finding an identity, the design tokens, moving from mockup to code, and the 22 audit findings that followed.
AI-powered development: Chrome extension and n8n automation with Claude Code
A Chrome extension + n8n automation pipeline built with Claude Code in 30 minutes to automate my AI tech watch sharing.
Why we’re moving from Cursor to Claude Code (and why you should too)
Discover why I switched from Cursor to Claude Code. A Lead Frontend Developer’s honest feedback on the limitations of AI IDEs and the power of CLI coding agents in 2026.
Efficiently cleaning a TypeScript project: Knip + AI agent workflow
Learn how to safely clean dead code in TypeScript projects using Knip and an AI Agent. A step-by-step workflow to automate cleanup without breaking production
How Gemini 3 Pro cut our pipeline time in half
We cut our test pipeline time from 22s to 4s per file using Gemini 3 Pro. Learn how AI identified "God Modules" killing our Vitest performance and automated the architectural refactoring that saved us 15 minutes per CI run.
Connect Cursor to Your Browser with Browser-Tools MCP
Learn how to integrate Browser-Tools MCP with Cursor IDE to debug web applications directly from your code editor using AI assistance
Automated Astro dependencies update with Cursor and Claude
Complete migration from Astro 4 to Astro 5 with Content Layer automated by Claude 4 Sonnet. Detailed experience report on breaking changes, new rendering API, and migration of all dependencies like React 19.
Integrating Jira into Cursor with the Model Context Protocol
Step-by-step guide to connect Jira to Cursor through the Model Context Protocol and streamline your workflow
Level Up React: Mastering Context API
Explore the internal mechanisms of React's Context API, and how to use it effectively for global state management. Comparison with Zustand and Redux, advanced optimization techniques, and best practices to avoid unnecessary re-renders.
Level Up React: Mastering useReducer for structured state management
Complete guide to React's useReducer hook - from basic concepts to advanced implementation. Learn how to structure complex state logic, manage interdependent state, and create maintainable React applications with practical e-commerce cart examples, TypeScript integration, and testing strategies.