Guides & recipes

Tested walkthroughs for AI coding tools

Step-by-step recipes, guides and fixes — start with the featured ones.

★ Recipe

Get started with OpenAI Codex CLI: install it and make your first change safely

Install OpenAI's Codex CLI, sign in with ChatGPT, ask it about a project and make a first small edit, with a plain-English look at approvals and the sandbox.

Beginner · 7 min read

★ Guide

Vibe coding for beginners: what it is and how to start safely

Vibe coding means describing what you want and letting AI write the code. Learn what it is good for, where it goes wrong, which beginner tools to try first and the habits that keep you safe.

Beginner · 8 min read

★ Guide

What is an MCP server? A plain-English explainer

MCP servers let AI apps like Claude and Cursor use outside tools and data. Learn what they are, how clients connect to them, where to find good ones and how to stay safe.

Beginner · 7 min read

★ Guide

Install Claude Code and make your first change

A step-by-step walkthrough for installing Claude Code, signing in, and getting it to make a safe, small edit in a project. No prior terminal experience needed.

Beginner · 9 min read

★ Recipe

Deploy an AI-built site to Cloudflare Pages

Take a site built in Bolt or Lovable, push it to GitHub, and host it on Cloudflare Pages with automatic redeploys, environment variables and your own domain.

Intermediate · 9 min read

★ Recipe

Add your first MCP server to Cursor

Connect Cursor to extra tools with a small mcp.json file. Set up a local server (Context7) and a remote one (Linear), and learn how to fix it when it doesn't show up.

Beginner · 8 min read

★ Recipe

Write your first Claude Code skill

Create a reusable skill as a SKILL.md file, install it in your project or your home folder, and run it with a slash command. Includes a worked example.

Intermediate · 9 min read

Recipe

Get started with Antigravity CLI: install it and make your first change

Install Google's Antigravity CLI (agy), sign in with a Google account, ask it about a project and make a first small edit. Also covers moving over from Gemini CLI.

Beginner · 7 min read

Guide

AGENTS.md explained: one instructions file for many AI coding tools

What AGENTS.md is, which AI coding tools read it, and how it compares with CLAUDE.md and Cursor rules. Includes how to share one file across tools.

Intermediate · 8 min read

Recipe

Build and publish your first app with Bolt.new

Describe an app to Bolt in the browser, test it in Preview, make focused changes, restore earlier versions and publish it to a live bolt.host link. A beginner recipe with free-plan notes.

Beginner · 8 min read

Recipe

Connect OpenAI Codex to MCP servers

Add MCP servers to Codex with the codex mcp add command or by editing config.toml, sign in to hosted servers, and check what is connected with /mcp.

Beginner · 7 min read

Recipe

Get started with Gemini CLI: install it and make your first change

Install Google's open-source Gemini CLI, sign in, ask it about a project and make a first small edit. Includes an important note about who can still use it.

Beginner · 7 min read

Recipe

Get started with Devin Desktop (formerly Windsurf) and its Devin Local agent

Install Devin Desktop (formerly Windsurf), open a project and ask its AI agent for a first change. Covers sign-in, permissions, undoing changes, and what to expect after the rename.

Beginner · 7 min read

Guide

Connect Claude Code to MCP servers (GitHub and Playwright)

Understand the claude mcp add command, scopes and .mcp.json, then connect two popular servers, GitHub and Playwright, and manage them safely.

Intermediate · 10 min read

Guide

A practical workflow for reviewing AI-written code

A repeatable routine for checking AI-generated changes before you keep them, combining the built-in review features in Claude Code, GitHub Copilot and OpenAI Codex with a human checklist.

Intermediate · 8 min read

Guide

Teach Claude Code your project with CLAUDE.md

Write a CLAUDE.md file so Claude Code knows your commands, conventions and rules from the first message, instead of you repeating them every session.

Beginner · 8 min read

Guide

A safety net for AI coding: Git basics for non-coders

Learn the five Git commands that let you undo anything an AI tool does to your project. Works with Claude Code, Cursor or any other coding assistant.

Beginner · 9 min read

Recipe

Connect Claude Desktop to your apps (no coding needed)

Install Claude Desktop, add a connector from the directory, try an extension on your own computer, and learn what to check before you give Claude access to your accounts.

Beginner · 8 min read

Recipe

Use GitHub Copilot agent mode in VS Code

Start an agent session in VS Code with GitHub Copilot, give it a real task, review and approve what it does, undo changes you don't like, and add project instructions.

Beginner · 8 min read

Recipe

Delegate work to Claude Code subagents

Create a read-only code-reviewer subagent as a Markdown file, learn the frontmatter fields that matter, and see when delegating beats doing everything in one conversation.

Advanced · 8 min read

Recipe

Give Cursor standing instructions with project rules

Write rules once so Cursor's agent follows your project's conventions every time. Covers the .cursor/rules folder, the four ways a rule can apply, AGENTS.md and User Rules.

Intermediate · 8 min read

Troubleshooting

Prompt recipes for fixing bugs with AI

Seven copy-and-paste prompt patterns for debugging with an AI coding tool, from sharing the error properly to asking for a small fix, a test and an easy way back.

Beginner · 8 min read

Recipe

Build your first app with Replit Agent

Describe an app to Replit Agent, test it in Preview, make focused changes, undo mistakes with checkpoints and publish it to a live URL. A beginner recipe with a worked example.

Beginner · 8 min read

Recipe

Automate checks with Claude Code hooks

Use hooks to run a formatter after every edit and to block risky shell commands before they run. Covers the settings.json structure, matchers, exit codes and how to debug a hook that does nothing.

Advanced · 8 min read

Recipe

Build and publish a website with Lovable

Go from a plain-English description to a live website with Lovable. Covers writing a good first prompt, Plan and Chat mode, publishing, a custom domain, GitHub sync and how to spend credits wisely.

Beginner · 8 min read