Writing
Writing
Notes on frontend architecture, React patterns, design systems, and the craft of building interfaces that feel right.
Pencil.dev Review: The AI Design Canvas That Lives in Your IDE (2026)
Hands-on Pencil.dev review: the AI design canvas inside VS Code & Cursor. Git-native .pen files, code generation, pricing, and Pencil vs Figma, Subframe & Paper.design.
OpenAI Codex Drains Quota Fast: The Hidden Truth
OpenAI Codex quota is vanishing after a single session for Plus and Pro users. A confirmed scaling bug draining limits - and OpenAI's response blames users.
How I Built a $0 AI Coding Agency with OpenClaw
Turn your phone into a dev team by managing OpenClaw and an AI coding agent from WhatsApp or Telegram. Ship features from anywhere.
Vibe Coding to Production: Why 73% Fail & How to Ship Safely
Should you vibe code or learn to code? Why 73% of vibe-coded apps fail to ship and how to bridge the gap with proven workflows and production checklists.
Antigravity vs Cursor, Kiro & Windsurf 2026
Antigravity's agent orchestration has critical security flaws and stability issues. Compare with Cursor, Kiro, and Windsurf for production-ready AI coding.
React vs Next.js vs Astro 2026: Which Should You Use?
Content sites vs app platforms: Compare React 19, Next.js 16, and Astro 5.16 on performance, DX, SEO, and hosting. Complete decision framework included.
AI-Augmented Development 2026: Workflows That Ship
How to actually build with AI coding tools in 2026: practical workflows for Cursor, Windsurf, Kiro, and Claude Code, prompting patterns, and real dev examples.
TypeScript for React: Best Practices & Patterns (2026)
Master TypeScript React patterns for props, hooks, and components. Learn why types matter with AI tools like Cursor, plus discriminated unions and generics.
Redux vs Zustand vs Jotai: Best React State (2026)
Redux Toolkit vs Zustand vs Jotai compared on bundle size, performance, and DX. See the trade-offs and pick the best React state library for your 2026 project.
Figma to Code Workflow 2026: Dev Mode & Design Tokens
Master Figma to code workflow with design tokens, Dev Mode, and Code Connect. Automate handoff using Tokens Studio, GitHub Actions, and Style Dictionary.