AI coding guides & resources
Engineering decisions, tutorials, and video guides from the OTF team.
Why Builders Are Leaving MUI and the Honest Alternatives
Choosing a MUI alternative depends on the real constraint: visual ownership, component coverage, bundle budget, or web and mobile delivery.
8 min readMaster Cursor: From Install to Shipping Your First Feature
A practical Cursor beginner guide: open a real codebase, add project rules, choose the right agent interaction, and ship one reviewable feature.
9 min readBeyond Pretty Charts: The Essential Features of a Real Financial Dashboard
What to check in a financial dashboard template before production: pagination, URL-backed filters, state handling, exports, permissions, retries, and auditability.
9 min readenable New Possibilities: Building with the Claude Agent SDK
What the Claude Agent SDK provides for production agents: filesystem tools, hooks, permissions, MCP, sessions, and a safer repository workflow.
9 min readBackground jobs for AI features: queues, retries, and idempotency
A practical design for long-running AI work: return a job ID, retry safely, checkpoint each step, and protect every external side effect.
8 min readUnify web and mobile UI with OTF for smooth AI agent development
Shared OTF component names and tokens help teams build for web and native, with distinct props per platform.
8 min readEnsuring consistency in AI-generated codebases with shared UI contracts
AI-generated codebases drift in three predictable ways. A shared component library plus agent configs pins conventions past month three.
8 min read5 Proven Cursor Prompt Patterns for Shipping Real Features in Existing Codebases
Learn the 5 prompt patterns that reliably add features to existing codebases, with real examples from OTF's AI kits.
9 min readShadcn/ui alternatives: when to switch and what to pick instead
A straightforward comparison of shadcn/ui and its alternatives, helping you choose the right tool for your project needs.
8 min readCursor AI's Git Hook RCE Flaw: Patch Now to Secure Your Workflow
Learn how Git hooks can execute code silently through rigged repositories, and the checklist that secures AI-assisted Git workflows.
7 min readAtlassian Code Context: AI Agents Gain Full Codebase Visibility
The agent context ceiling is organizational, not model-sized — why codebase visibility plus tickets and docs changes what agents can build.
8 min readTransform Docker security and efficiency with GitHub Copilot agent mode
A four-phase Docker hardening walkthrough — Alpine multi-stage, distroless, Docker Scout verify — with an agent collapsing the diagnose-fix loop.
8 min readClaude Code 2.1.224: change AI collaboration with cross-session messaging
Claude Code 2.1.224 adds ListAgents and SendMessage for local cross-session messaging.
8 min readMastering autonomous coding sessions with Claude Code's checkpoint system
Claude Code's checkpoint system auto-tracks edits per prompt with a rewind menu for code and conversation recovery.
7 min readAI Coding Tools Shift: Copilot Drops, Codex Soars, Claude Code Shines
AI coding tool loyalty now tracks usage headroom first, workflow fit second, and model quality third. How to pick.
7 min readSpline V2 change 3D Design with AI Agent Integration
Spline's desktop app connects Claude, Cursor, and VS Code to the live 3D editor via MCP, plus a built-in AI agent.
8 min readGitHub Copilot Transforms Microsoft Teams into a Coding Powerhouse
AI-powered coding assistant now integrates with Teams, enabling developers to write and deploy code without leaving conversations.
8 min readSpline V2 lets Coding Agents as Real-Time 3D Design Collaborators
Spline's rebuilt 3D editor lets Claude Code, Cursor, and Codex edit live scenes through its new MCP Server, transforming coding agents into dynamic design colla
9 min readSlack Code changes AI-powered team coding collaboration
Slack Code reportedly brings AI coding agents into shared Slack channels; what was reported and why the pattern matters.
7 min readAI-powered crypto phishing: Operation ASTERIX reveals new threat precision
Operation ASTERIX shows AI turned crypto phishing from spray to precision: reported 13.6% validated hit rate.
8 min readAI-generated code vulnerability exploited by autonomous agent in Snowflake
Reported Snowflake Actions incident shows AI-authored sanitization regressions need automated gates, not just review.
8 min readCursor IDE vulnerability reported: secure your development environment
A reported Windows binary-planting flaw (CVE-2026-63093) can execute code on repo open. Inspection, isolation, and monitoring steps.
7 min readAI Agent Uncovers GitHub Copilot-Induced Snowflake Repo Vulnerability
A reported Wiz Red Agent finding in a Snowflake repo shows why AI-authored workflow changes need exploit-testing gates.
6 min readSecure Your AI Agents with a 7-Step Semantic Firewall Blueprint
Inspired by Clam (YC W2026): a 7-step blueprint for a network-layer semantic firewall that scans agent traffic.
7 min read