StarLabs8StarLabs Blog
Practical notes on software architecture, AI coding agents, product design, and building useful software.
Featured
Canopy: Software Architecture Mapping for Teams and AI Agents
Canopy turns repositories, tools, and workflows into a living software architecture map with dependencies, cost, ownership, and agent-ready exports like CLAUDE.md, AGENTS.md, and MCP.
How I Built a Beat-Synced UI Showcase Video with Remotion and Claude
A behind-the-scenes look at how I used Remotion to create a fast-paced product showcase for 8StarLabs UI components, synchronized to music and polished with cinematic motion.
8StarLabs UI: Open-Source React Components for Distinctive Interfaces
An open-source React component library built on shadcn/ui, with production-ready components for developers who want more distinctive interfaces without starting from scratch.
Tham Kei Lok, Wang Jia Hua
All posts
AI Coding Agent Context: CLAUDE.md, AGENTS.md, and MCP Explained
Learn how CLAUDE.md, AGENTS.md, and MCP give AI coding agents reliable software architecture context, reduce repeated codebase exploration, and keep agent instructions current.
I Stopped Drawing Architecture Diagrams. Here's What I Do Instead.
A personal story about years of maintaining architecture diagrams nobody trusted, and the shift to living, structured maps that finally stayed true. Lessons from building at 8StarLabs.
Canopy: Software Architecture Mapping for Teams and AI Agents
Canopy turns repositories, tools, and workflows into a living software architecture map with dependencies, cost, ownership, and agent-ready exports like CLAUDE.md, AGENTS.md, and MCP.
Architecture as Data: Why Your System Diagram Should Be Structured, Not Drawn
What is architecture as data? Learn why structured, machine-readable software architecture is the next step beyond diagrams-as-code, and how it makes systems queryable, diffable, and readable by AI agents.
Software Architecture Diagramming Tools in 2026: A Practical Comparison
Compare the best software architecture diagramming tools in 2026, including Lucidchart, Excalidraw, Eraser, IcePanel, Mermaid, Structurizr, Figma, Backstage, and Canopy.
How I Built a Beat-Synced UI Showcase Video with Remotion and Claude
A behind-the-scenes look at how I used Remotion to create a fast-paced product showcase for 8StarLabs UI components, synchronized to music and polished with cinematic motion.
8StarLabs UI: Open-Source React Components for Distinctive Interfaces
An open-source React component library built on shadcn/ui, with production-ready components for developers who want more distinctive interfaces without starting from scratch.
Tham Kei Lok, Wang Jia Hua