AI coding guides & resources
Engineering decisions, tutorials, and video guides from the OTF team.
How I Use Design Systems with AI Frontend Builders at SalesKick
Maintaining brand consistency while moving at AI speed. A practical approach to feeding your design system into AI frontend builders for consistent, rapid prototyping.
Read post
The Reality of AI-Assisted Software Engineering Productivity
Addy Osmani separates hype from data. A rigorous examination of what AI assistance actually delivers for engineering productivity, and what it doesn't.
12 min
Using Voice for AI Dictation & Documentation
Speaking is 3x faster than typing. Learn how to use voice input with AI tools for faster documentation, meeting notes, and technical writing.
4 min
Prompt: Split PRDs Into Smaller Tasks
A reusable prompt technique for breaking PRDs into AI-friendly task chunks. Better scoping produces dramatically better AI code output.
3 min
Cracking the Code of Vibe Coding
Why describing what you want to build through feeling and intent produces better software than technical specifications. The philosophy and practice of vibe coding.
8 min
Successful Coding w/AI in Large Enterprises
What actually works when deploying AI coding tools at enterprise scale. Procurement, governance, security, and the adoption patterns that drive real productivity gains.
25 min
Luke W's Articles About AI Design
Luke Wroblewski's essential writings on AI design — from conversational interfaces to multimodal input and the fundamental questions of AI-native design.
10 min
Using FloatPrompt Across AI Models
Write prompts once, use them everywhere. FloatPrompt makes your prompts portable across Claude, GPT, Gemini, and other AI models.
3 min
Chrome DevTools (MCP) for Your AI Agent
Give your AI coding agent browser superpowers. Connect Chrome DevTools via MCP to enable real-time page inspection, console reading, and visual debugging.
15 min
AI + Design Systems (New York State)
A real-world case study of AI meeting design systems at scale — lessons from government digital services on governance, consistency, and AI-assisted component development.
5 min
AI Coding Workflow for Solo Founders
Build like a team of five. A complete workflow for solo founders using AI coding tools to go from idea to production without a technical co-founder.
11 min
Friction, Feedback and the Future of Creative Work with Designer Pablo
Pablo Stanley on why friction matters in design, how AI reshapes the feedback loop, and why the best creative work comes from constraints, not freedom.
10 min
How I Use LLMs to Help Me Write Code
By Simon Willison
5 min
Getting AI to Write TSL That Works
AI-generated TypeScript that actually compiles and passes type checking. Practical prompt patterns and context strategies for correct type-safe code.
9 min
AGENTS.md: The Universal Agent Configuration File
By Geoffrey Huntley
8 min
Claude Skills Collection
By VoltAgent
12 min
The AI Design Map: A Practical Guide for Designers into 2026
By Sherizan
12 min
I've Never Felt This Much Behind as a Programmer
By Andrej Karpathy
12 min
Shipping at Inference-Speed
By Peter Steinberger
12 min
Jevons Paradox for Knowledge Work
By Aaron Levie
12 min
How One Designer Led an AI Revolution at Pendo
By Brian Greenbaum & Claire Vo
10 min
Party of One for Code Review!
By Kent Beck
12 min
The Designer's Playbook for AI Products
By Dara Sobaloju
12 min
2026: The Great Engineering Divergence
By Paul Dix
12 min
Zapier CEO Personal AI Stack | Wade Foster
By Wade Foster & Claire Vo
10 min
Ralph Wiggum Explanation, Example Code, and Demo
By Matt Pocock
8 min
Step-By-Step Guide to Get Ralph Working and Shipping Code
By Ryan Carson
8 min
The Complete Guide to Building Agents with the Claude Agent SDK
By nader dabit
8 min
Designer at Ramp: Advanced AI Design Process
By George Visan & Jay Dalal
10 min
Portable Design Systems Across Any AI
By Brian Greenbaum
12 min
My AGENTS.md File for Building Plans You Actually Read
By Matt Pocock
12 min
Ramp: Why We Built Our Own Background Agent
By Zach Bruggeman et al.
12 min
Morphing Icons with Claude
By Benji Taylor
8 min
Improve Your AI Code Output with AGENTS.md
The single file that transforms AI output from generic to production-ready. Real examples, templates, and before/after comparisons.
10 min
Introducing: React Best Practices
By Vercel
12 min
Rams, a Design Engineer for Your Coding Agent
By rams.ai
12 min
UI Skills: Opinionated Constraints for Your Coding Agent
By ui-skills.com
12 min
On Coding Agents and the Future of Design
By Jeff Veen
12 min
The Ultimate Guide to Vibe-Coding for Designers
By Felix Lee
8 min
Inside the AI Workflows of Every's Six Engineers
How a six-person engineering team leverages AI to ship like a team three times their size — real tools, real workflows, real results.
12 min
Skills, the Open Agent Skills Ecosystem
By Vercel
12 min
Better Icons: 200,000+ Icons via MCP
By Bereket Engida et al
12 min
Teach Your AI to Think Like a Senior Engineer
Stop getting junior-level code from your AI. Learn the prompt engineering patterns that produce architecture-aware, production-ready output.
12 min
How to Make Your Agent Learn and Ship While You Sleep
By Ryan Carson
8 min
Vibe Coding for Marketers
By Ira Bodnar
8 min
How We Built Claudie, Our AI Project Manager
By Natalia Quintero & Dan Shipper
10 min
OpenClaw Clearly Explained in 30 Minutes
By Peter Yang
10 min