AI coding guides & resources
Engineering decisions, tutorials, and video guides from the OTF team.
Stripe sent the same purchase webhook 4 times. Idempotency saved us 4 emails.
Stripe sent the same checkout.session.completed event four times. Atomic dedupe on event.id saved us.
6 min readYour CLAUDE.md is too long. The 200-line ceiling that actually works.
Keep CLAUDE.md under 200 lines with non-negotiables on top — the ceiling that works.
8 min readCursor 3's parallel agents change what a template ships with
Parallel subagents punish vague conventions. Templates must ship forbid-lists, locked libraries, and dependency-graph prompts.
6 min readshadcn cli v4 just turned every component library into a payload
shadcn CLI v4 turns design systems into installable registry payloads. Agents install them natively — libraries that skip it fall behind.
6 min readExpo SDK 54's precompiled XCFrameworks cut our iOS build from 14 min to 4
Expo SDK 54's precompiled XCFrameworks cut our iOS build from 14 minutes to 4 — the mechanism, the caveats, and the EAS Update win.
7 min readClaude Code doubled its limits. Your codebase context is the new bottleneck.
Usage caps for AI coding tools keep moving. The durable lesson: headroom helps, but codebase context is the real bottleneck. Evergreen retrofit.
7 min readOpen Cowork: What the Open-Source Claude Desktop Reveals About AI Agent Tooling
Open Cowork wraps Claude Code in a one-click desktop app with VM sandboxing, a Skills system, and MCP connectors — then gives you the source. Here's what that architecture teaches us.
6 min readVercel's Agent Browser is 15× cheaper than Playwright MCP — and that's not the most interesting part
Why a structured accessibility tree beats raw pixels for AI browser automation, and what shipping as a Rust CLI (instead of an MCP server) actually unlocks.
8 min readUse @supabase/server for backend route auth
Use @supabase/server to wrap backend routes with auth context. Review its auth modes, RLS boundaries, and the Hono adapter setup.
7 min readHow to build cross-platform templates AI coding tools actually respect
Make a codebase easier for AI coding tools to understand with clear instructions, examples, and current project conventions.
7 min readShare UI components across web and mobile
Learn how shared design tokens keep web and native interfaces aligned while each platform keeps an implementation suited to its runtime.
11 min readAnthropic Academy: Claude Code in Action
Master Claude Code through Anthropic's official training—structured exercises, real-world patterns, and insider tips straight from the team that built it.
15 minRams, a Design Engineer for Your Coding Agent
By rams.ai
12 minOn Coding Agents and the Future of Design
By Jeff Veen
12 minRun Claude Code + Replit on Your Phone
By Matt Palmer
8 minBest Practices for Cursor
By Cursor
8 minGitFig | Figma Plugin That Versions Design Like Code
By GitFig
12 minDesign to Code with Figma MCP and Cursor
By Sergei Chyrkov
10 minAGENTS.md: The Universal Agent Configuration File
By Geoffrey Huntley
8 min