AI coding guides & resources
Engineering decisions, tutorials, and video guides from the OTF team.
Marketplace kit: buyer hire flow, seller workspace, and Stripe checkout you own
After you buy the Marketplace kit: buyer browse/hire/Stripe/orders/chat plus seller earnings, services, and analytics in one owned repo.
8 min read
Everything Bundle vs one $99 kit: when the $149 pack pays for itself
See which three live kits and 15 landing templates are included in the $149 Everything Bundle, and what remains in Preview.
8 min read
Keep unsigned users off product screens with one Expo Router root gate
Use Expo Router route groups and one root Stack.Protected guard so product screens never mount for unsigned users.
7 min read
Harbor on Vercel Sandbox: parallel Terminal-Bench without your laptop
Harbor 0.22 runs each Terminal-Bench trial in a Firecracker microVM on Vercel Sandbox — concurrency, firewall secrets, and AI Gateway model swaps.
6 min read
Claude Opus 5.2 routing rumors: what builders should do before Anthropic confirms
As of mid-Sep 2026 Opus 5.2 is unannounced. Use Claude Code /status and routing metadata—not chat self-ID—while you keep shipping on Opus 5.
6 min read
Paywall conversion for first paid users starts with one promise and one gate
Convert early users by gating one entitlement, stating renewal clearly, and measuring activation to purchase.
7 min read
Install Expo Skills so Cursor and Claude Code follow official Expo patterns
Install official Expo Skills so Cursor, Claude Code, and Codex load expo-* and eas-* patterns instead of inventing React Native workflows.
7 min read
Tailwind UI to Tailwind Plus: run the license and paste gate before your next block
After Tailwind UI became Tailwind Plus: verify the license, lock the catalog flavor, and wrap pastes before agents copy another stale block.
7 min read
NextUI to HeroUI: run the rename and package gate before product work
Run the official NextUIHeroUI codemod, clear the package and Tailwind verify checklist, and treat HeroUI v3 (React 19 + Tailwind v4) as a separate install gate.
6 min read
Expo SDK 58 beta: test iOS 27 scenes and agent CLI before leaving 57
SDK 58 beta brings iOS 27 scene lifecycle, @expo/agent-cli, and RN 0.88 RC. Pin an upgrade gate so agents do not leap your production app early.
8 min read
Mantine full suite vs assembling a thinner headless stack for web SaaS
For web-only SaaS, standardize on Mantine's full suite (form, dates, charts, notifications) or assemble a thinner headless stack you theme yourself.
8 min read
GitHub Copilot joins AI SDK HarnessAgent: swap runtimes without rewriting your agent UI
Vercel’s @ai-sdk/harness-github-copilot adapter puts Copilot behind HarnessAgent via ACP—same session API, pinned sandbox CLI, and real production limits.
6 min read
Gemini 3.8 Live on AI Gateway: ship realtime voice with visual grounding
Builders get realtime audio and visual grounding via AI Gateway WebSocket instead of provider-specific voice infra.
7 min read
RNUI as org design system vs a thinner custom layer
You already picked Wix RNUI for React Native. Here is when to standardize it org-wide versus keeping a thinner custom RN layer.
7 min read
Gluestack UI v5 skips Next.js for now — stay on v4 or split your surfaces
gluestack-ui v5 install docs block Next.js until NativeWind v5 web. Here is the mobile vs web pin plan for today.
6 min read
Expo MCP in Claude: connect once for EAS builds and store feedback
Connect Expo’s Claude connector once for EAS builds, TestFlight crashes, and store reviews — keep local simulator tools on your machine.
6 min read
EAS Observe in production: tie startup metrics to every build and update
Track Expo app performance by build and update, and use native crash reports alongside your existing error workflow.
8 min read
Cursor Self-Hosted Machines put tool execution on your workers
Self-Hosted Machines move Cursor cloud-agent tool calls onto workers you run. Inference stays in Cursor cloud; the product still needs an owned repo.
6 min read
Vercel Sandbox storage is now 64 GB: size agent workspaces for large repos
Vercel Sandbox jumped from 32 GB to 64 GB. Update agent disk budgets for large repos, installs, and scratch writes.
6 min read
React Native Paper owns Material components; you still own the product kit
Keep React Native Paper for Material UI on RN. Move to an owned kit when you need screens, schema, auth, billing, and agent-editable delivery.
7 min read
Ant Design owns enterprise Form and Table depth; kits own SaaS and native
Stay on Ant Design for Form/Table admin depth; consider an owned SaaS kit for consumer UI, web+native, authentication, and a database, with billing added separately if needed.
7 min read
Radix primitives give accessibility; you still own the designed system
Radix Primitives ship accessible unstyled React parts. Decide when your tokens are enough versus a designed kit spine agents can extend.
8 min read
AI SDK harness auth: keep native subscriptions on the host boundary
Vercel’s Sept 14 harness auth change: pick direct, auto, or ai-gateway, keep credentials on the host, and stop stuffing keys into sandboxes.
7 min read
NativeWind is Tailwind classes on React Native — components are still yours
NativeWind styles RN with utility classes. You still build every component — or pick a designed kit that already did.
7 min read
