The Architecture of Thought

My AI Journey

A practical roadmap of how AI became my daily development partner.

From ChatGPT to Claude Code & AI Agents

View the RoadmapRead My Story

Origin Story

By mid-2025, after more than a year working professionally as a Fullstack Developer, I started using generative AI with ChatGPT. I was amazed at how it could instantly help me plan features, solve bugs, and write cleaner code for complex Next.js applications and booking flows.

From simple prompting, I quickly moved to Cursor AI and GitHub Copilot as daily tools. By the end of 2025 I began exploring AI Agents. Shortly after, I discovered Claude and Claude Code — which have now become my most powerful partners for deep reasoning and compounding workflows.

Welcome to my practical AI-powered development journey.

Roadmap

My AI Development Evolution

1

Tab Complete & Prompting

ChatGPT & GitHub Copilot

2

Agent IDE

Cursor AI

3

Context Engineering

Advanced prompting & project context

4

Compounding Workflows

Multi-step AI processes

5

AI Agents

Early exploration

Currently Exploring
4

Compounding Workflows

Multi-step AI processes

7

Advanced Agent Systems

Future phase

8

Autonomous Teams

Future phase

Timeline

Milestones Achieved

July 2025

Level 1: Generative AI

Started using ChatGPT after 1+ year of professional development experience.

August 2025

Level 2: Agent IDE

Adopted Cursor AI and GitHub Copilot as daily coding companions.

Late 2025

Level 5: AI Agents

Began exploring AI Agents and more advanced agentic workflows.

Early 2026 – Present

Level 6: Claude & Claude Code

Started using Claude and Claude Code for deeper code reasoning and compounding productivity.

Projects & Experiments

Tangible Applications in My Work

WP Test Tool

WP Test Tool

Built entirely using AI-driven development (Claude Code + CodeX), from idea → architecture → implementation without traditional coding flow.Shipped a fully working desktop product in ~5 hours using vibe coding workflow (prompt → iterate → auto-refactor → validate).Automated batch UI/UX testing across multiple viewports, reducing manual QA/debug time by ~80% after each merge.Applied modern Electron architecture (WebContentsView + secure IPC) generated and iterated via AI agents instead of manual boilerplate.Integrated auto state persistence, shortcut-driven navigation, and exportable bug reports — all iterated rapidly through AI feedback loops.

King Food

King Food

Developed using AI-assisted workflow (Claude Code + Codex) to accelerate feature delivery and reduce manual coding effort.Built a Nuxt 3 food ordering website for browsing products, categories, combos, promotions, and branch-based availability.Developed scalable NestJS backend modules for authentication, catalog, food products, categories, promotions, orders, and customer management.Implemented real-time order status updates and operational notifications using Socket.IO.Optimized frontend data fetching, caching, and server-state synchronization with TanStack Query Vue and Pinia.

EC Management

EC Management

Developed using AI-assisted workflow (Claude Code + Codex) to accelerate feature delivery and reduce manual coding effort.Designed scalable F&B management modules including product catalog, categories, promotions, orders, and branch-based operations.Built modular NestJS backend with Prisma, PostgreSQL, JWT authentication, Google OAuth2, Swagger API documentation, and Docker-based development environment.Implemented real-time features using Socket.IO for order status updates and operational notifications.Optimized frontend server-state handling with TanStack Query Vue, combined with Pinia for local UI state management.

My Stack

Precision Instruments I Use Daily

Claude / Claude Code
Claude / Claude Code
Advanced
CodeX
CodeX
Advanced
Cursor
Cursor
Advanced
Antigravity
Antigravity
Advanced

Insights

Distilled Knowledge

“

“AI is the ultimate productivity multiplier — but strong fundamentals in architecture and user experience remain essential.”

“

“The better the context I give, the better the output I receive.”

“

“Great developers + powerful AI tools = significantly faster and higher quality delivery.”

“

“AI shines most when applied to real production problems like Core Web Vitals, complex booking flows, and maintainable codebases.”

Active Phase: Level 6

Focusing on
Claude Code & Agentic Workflows

Deepening my usage of Claude Code and practical AI agents to further accelerate development velocity on real-world Next.js and fullstack projects.

Join the Journey

The Path Ahead

  • Mastering advanced agentic workflows
  • Building custom AI development tools & automation
  • Deeper integration of AI into large-scale production systems
  • Building Autonomous Agent Teams