Illustrated AI Guides
Step-by-step tutorials with real screenshots and video timestamps — master DeepSeek and AI app-building tools, then practice what you learn right here.
DeepSeek Harness setup: a free Claude Code alternative
Install DeepSeek Harness in five minutes, connect any model, build your first plugin, and master the trajectory view.
From a video by Sharbel A. · 13 min
How to use Claude Artifacts
From your first dashboard to annotation tools, sharing, connectors, and Live Artifacts — the complete walkthrough.
From a video by Kevin Stratvert · 13 min
DeepSeek tips: pick the right mode every time
Instant vs Expert vs Deep Think vs Vision, mode chaining, web search, and the context habits that make answers sharp.
From a video by Parker Prompts · 11 min
Lovable tutorial for beginners
Build a voice-to-calendar app with Plan mode, clarifying questions, and Google Calendar — then publish it as a phone-installable PWA.
From Kevin Stratvert's Lovable walkthrough · 13 steps
Bolt.new tutorial for beginners
From a one-line prompt to a deployed app with Google sign-in — screenshot-by-screenshot FocusFlow build with Firebase and analytics.
From Brock Mesarich's Bolt.new build · 15 steps
v0 by Vercel tutorial for beginners
Enhanced Prompt, the element selector, one-click Vercel deploy, GitHub sync, and a Supabase database with login — every step illustrated.
From Code with Nathan's v0 walkthrough · 13 steps
Google Opal tutorial for beginners
Run a gallery template, remix it with AI-added steps, swap models, debug quota failures, and build a mini-app workflow from scratch — every step illustrated.
From proflead's Opal walkthrough · 15 steps
Run Claude Artifacts locally
Copy the artifact HTML from Claude's code panel, save it as an .html file, and run it in your own browser — the built-in download route covered too.
From Karl Kapp's game-export walkthrough · 12 steps
DeepSeek V4 Flash guide
Watch DeepSeek V4.1-Flash build a portfolio site and an analytics dashboard for free — with prompts you can reuse in the free builder on this site.
From AICodeKing's V4.1-Flash walkthrough · 13 steps
Claude Cowork + DeepSeek guide
Run the Cowork desktop agent on the DeepSeek API — file tasks, dashboards, Drive and Zapier MCP without a Claude subscription.
From Kevin Stratvert's Cowork tutorial · 13 steps
Use DeepSeek in Cursor
Add DeepSeek models to Cursor with your own API key — create the key, set the base URL, pick the model, skip the Pro plan.
From a DeepSeek × Cursor setup walkthrough · 9 steps
Windsurf AI tutorial
Install the Windsurf Editor, brief Cascade with one prompt, and iterate a portfolio site to a neon dark finish — 14 screenshot steps.
From a full Windsurf build walkthrough · 14 steps
Claude Skills tutorial: build, run and share
A 14-step, screenshot-verified guide to Claude Skills: SKILL.md anatomy, the skill-creator flow, slash-command triggers, Claude Code skill folders and four ways to share with a team.
Kevin Stratvert · Claude Skills Tutorial (2026)
OpenCode tutorial
Install the open-source terminal agent and run DeepSeek V4 Flash Free through a 13-step illustrated walkthrough.
From Eric Tech's 23-minute OpenCode walkthrough
Roomote tutorial
Deploy the Roo Code team's cloud coding agent: Cloud or self-host setup, model mapping via BYOK, Slack tasks, alert triage and your first reviewed PR.
Official Roomote repo · The New Stack
Antigravity + DeepSeek guide
What the Google Antigravity model selector really offers, the honest DeepSeek limits, and the endpoint and MCP routes that work — a 13-step illustrated walkthrough.
Official Google Antigravity demo · Google docs
Trae SOLO tutorial: build apps autonomously
A 13-step illustrated Trae SOLO walkthrough: raw data in MTC mode, deliverable and PRD questionnaires, brand book to design system, and the finished dashboard.
Based on Dan - Smart Tutorials' TRAE SOLO tutorial and Trae's official SOLO Builder demo
Kilo Code tutorial
Install Kilo Code, claim $20 bonus credits, connect DeepSeek BYOK, and migrate from shut-down Roo Code — 12 illustrated steps with video timestamps.
From Kilo's official walkthrough videos · 12 steps
Devin Desktop tutorial
Windsurf was renamed Devin Desktop — connect a GitHub repo, run autonomous tasks in a cloud VM, approve plans and merge pull requests in 14 illustrated steps.
Dan - Smart Tutorials video · official Cognition launch video
Claude Code subagents tutorial
Build your own Claude Code agent team: the /agents wizard, frontmatter fields, tool scoping, and a real research-plus-build delegation, in 14 verified steps.
Developers Digest video · official docs
DeepSeek Cline tutorial
Wire DeepSeek into the Cline VS Code extension: install, provider setup, current model names, first task and approvals — cheap autonomous coding in VS Code, illustrated step by step.
YouTube walkthrough video · official Cline docs
Cline tutorial
Install the Cline extension in VS Code, start on the free tier, run your first task with Plan and Act modes, then add rules and MCP servers — 15 illustrated steps from real screen recordings.
HMA WebCode video · official Cline channel clips
Claude Code Router tutorial
Route Claude Code to cheaper models with the open-source Claude Code Router: npm install, the ccr ui console, provider templates, scenario routing rules and transformers — 15 illustrated steps.
AI With Nathan video · official GitHub README
GLM Coding Plan guide
Subscribe to Z.ai's GLM Coding Plan, wire it into Claude Code with the Anthropic-compatible endpoint, and run real tasks on GLM-5.3 — plans, pricing, model mapping and usage limits in 15 illustrated steps.
Agentic Hub & Eric Tech videos · official Z.ai docs
Cursor Projects tutorial
Create and run your first Cursor Project: open a folder, connect GitHub in the Agents Window, plan before the agent builds, keep the diffs, then add Slack, PR and schedule triggers — 15 illustrated steps.
The Code City & Emma's Productivity Lab videos · official Cursor docs
Codex voice mode tutorial
Turn on the experimental /voice command in Codex CLI v0.155.0, mute with Ctrl+X, then dictate briefs in the ChatGPT desktop app's Codex workspace and press Transcribe and send — plus the fixes for a missing voice button, in 15 illustrated steps.
TechFix Guides & Developers Digest videos · official Codex CLI changelog
Cline Desktop tutorial
Install the new Cline Desktop beta, run DeepSeek V4.1 Flash from the FREE section, weigh ClinePass against BYOK, and watch a full app get built, tested and fixed in your own folder — 15 illustrated steps.
Code With Yousaf video · official Cline docs & releases
Antigravity YOLO mode tutorial
Turn off Antigravity's approval prompts end to end: Turbo in the IDE, always-proceed in the agy CLI, and the skip-permissions flag for headless runs — 13 steps with 6 verified screenshots.
Google Antigravity official videos · antigravity.google changelog
OpenCode Desktop App tutorial
Install the OpenCode desktop beta, connect free models or Copilot, and run the full Plan → Build → diff-review flow in 16 verified steps.
WebStylePress, AI With Nathan & more videos · opencode.ai download and docs
Kimi K3 in Claude Code
Point Claude Code at Kimi K3 with one settings.json env block, verify with /status, and watch K3 build, test and ship a playable game in 8 verified screenshots.
Data Science in your pocket video · official Kimi platform docs
Antigravity Skills Tutorial: Install & Manage Agent Skills
Install a 1,328-skill library with one npx command, write your own SKILL.md, and chain skills into workflows — 15 verified steps.
AI Stack Engineer & The Code City videos · Google Antigravity official docs
Antigravity Custom Agents Tutorial: Build Your Own Specialists
Turn recurring jobs into saved sub-agents — one markdown file with YAML frontmatter, a bounded tool list, and rules, workflows and skills on top.
Code A Program video · Google Antigravity official livestream & docs
Unity Codex Plugin Tutorial: Install Unity's 31 Skills in Codex
Add Unity's official plugin to Codex in two commands, drive the editor with the unity-cli skill and Unity MCP, and pick Codex vs Claude Code — 15 verified steps.
Unity official videos · Unity-Technologies/unity-agent-plugin on GitHub
Screenshot to Code with DeepSeek & Open Source
Install abi/screenshot-to-code with Docker and one API key, or attach the mockup to DeepSeek Vision and rebuild it as HTML — 15 steps with real frames.
Fahd Mirza & United Top Tech videos · abi/screenshot-to-code README · DeepSeek vision docs
Claude Projects tutorial
Create your first Claude Project step by step: find the left-rail entry, set standing instructions, upload reusable file knowledge, ask across files, then star, share and archive — 15 illustrated steps.
Kevin Stratvert & Anthropic videos · claude.com Projects redesign
Claude Code agent teams tutorial
Turn on the experimental agent teams feature, spawn teammates that share a task list, steer them with @-mentions, then shut the team down cleanly — plus token costs, context rules and the limits to know first, in 15 illustrated steps.
AICodeKing video · official agent-teams docs · walkthrough facts from Bart Slodyczka & Simon Scrapes
GitHub Copilot CLI tutorial
Install and sign in to GitHub Copilot CLI, watch it plan and edit a real Flask project under your approval, then teach it your standards with copilot-instructions.md, applyTo files, skills and custom agents — 15 illustrated steps.
GitHub official videos · docs.github.com Copilot CLI docs
GitHub Copilot code review tutorial
Turn on Copilot code review for a repository, require it on every pull request with rulesets, steer it with copilot-instructions.md, and turn its suggestions into merged fixes — 16 steps from a real repo.
GitHub official video: automate code reviews with Copilot · GitHub Docs on configuring Copilot code review
Antigravity rules tutorial
Create global and workspace rules in Google Antigravity's Customizations panel, pair them with slash-command workflows, and stay inside the 20,000-token rules budget — 12 illustrated steps from a clean screen recording.
Nexustech video: Antigravity rules & workflows guide · official Antigravity documentation
Codex CLI model picker tutorial
Open the Codex CLI model picker with /model, switch between GPT-6 Sol, Terra and Luna, pick a reasoning effort, and pin a default model in config.toml — 10 steps on a real terminal session.
Coding Blind Tech walkthrough · Standarity /model demo · OpenAI Codex CLI documentation
Codex CLI tutorial
Install, sign in, explain a codebase and ship your first change in Codex CLI — with GPT-6 Sol, Luna and Amazon Bedrock from 0.157.0.
From OpenAI's launch video + official changelog
What is GPT-6 Astra?
OpenAI's September 2026 flagship explained: the September 3 and 4 rollout dates, pricing, computer use, ChatGPT Work and Codex — 16 verified frames from OpenAI's own launch videos.
Three official OpenAI launch videos · openai.com product page · GitHub Copilot changelog
Claude Code /insights tutorial
Run the /insights command, read the HTML usage report it writes to ~/.claude/usage-data, and turn its quick wins into CLAUDE.md rules, hooks and skills — 12 illustrated steps.
From videos by Code Playbook and AI Coding Daily · 12 steps
Antigravity Plan Mode Tutorial: /plan & Missing-Mode Fixes
Where Antigravity's Plan/Fast mode went, how v2.17.0's /plan command drafts editable Implementation Plans, and what to do when plan mode is not showing — 11 steps with real IDE stills.
Checkmark Academy video · Google Antigravity official walkthrough · antigravity.google changelog
Antigravity Subagents Tutorial: @ Syntax & Browser Fixes
The subagents Reddit thinks Antigravity lacks: research, browser and self built in, v2.16.0 live cards, CLI 1.2.9 @ messaging, and five fixes for a browser subagent that's not working — 12 illustrated steps.
Two official Google Antigravity videos · antigravity.google subagents docs & changelog
Claude Code sandbox
Turn on the /sandbox panel, pick auto-allow mode, and keep bash commands inside a Seatbelt or bubblewrap boundary.
code.claude.com/docs
Cline best local model & local setup
Which local models are actually good enough for agentic coding in Cline, how to point Cline at Ollama and LM Studio, and the fixes for context length, connection refused and a missing model list — 13 illustrated steps.
Bootable USBs & Bonverium Studio videos · Cline, Ollama and LM Studio docs
Copilot memory: view, delete and template guide
Where GitHub Copilot memories are stored, how to view and delete them in repository settings, how to switch the cloud memory on or off for a person, an organization or an enterprise, how memories differ from custom and path-scoped instructions, and a copy-paste custom instructions template — 12 illustrated steps.
Yuzubon hands-on recording · Casey Irvine instruction-files recording · GitHub official enterprise controls · docs.github.com Copilot Memory docs
Claude Code Prompt Audit Tutorial
Run /doctor prompt-audit to scan CLAUDE.md files, skills, agents and commands for prompt patterns written for older models, then read the report and approve the fixes.
Software Engineer Meets AI · Claude Code Updates
Claude Code statusline tutorial
Set up a custom Claude Code statusline with the /statusline command, read the stdin JSON fields, and show model, git branch, context and cost in your terminal — 12 illustrated steps.
ProgrammingKnowledge2 & YAHA學堂 videos · Claude Code statusline docs
Claude Code permissions guide
How Claude Code allow, ask and deny rules actually evaluate, which settings file to put them in, and copy-paste recipes for tests, git and CI — 12 illustrated steps.
The Net Ninja video · Claude Code permissions & settings docs
Copilot coding agent tutorial
Assign a GitHub issue to the Copilot coding agent (now called cloud agent), watch it open a draft PR from GitHub Actions, and review or merge the result — 13 illustrated steps.
The Code Wolf & GitHub official videos · GitHub Copilot cloud agent docs
Claude Code hooks tutorial
The five hook events, exit-code blocking in settings.json, and four recipes — auto-format, logging, deny, notify — from Anthropic's official video.
Claude (official) hooks video · code.claude.com hooks reference
Claude Code memory tutorial
Run /init to generate CLAUDE.md, add rules from chat with the # shortcut, and pick between project, local and user memory — verified end to end.
Net Ninja CLAUDE.md lesson · Anthropic memory docs
Claude Code output styles
The five built-in output styles, custom style files with keep-coding-instructions, and role-based team styles for PMs and translators.
Eric Tech deep dive · code.claude.com output styles docs
Claude Code effort & ultracode
The five effort levels, per-model defaults, /effort auto, and the ultracode toggle that v2.1.284 set free from xhigh.
Official effort docs · v2.1.284 changelog
Gemini CLI sandbox
Enable the --sandbox flag, pick the Docker image or runsc backend, and read YOLO-mode warnings — 11 illustrated steps from the v0.61.0 hardening release.
freeCodeCamp's Gemini CLI course · 11 steps
Copilot sandbox mode
Turn on local sandboxing in the Copilot CLI with /sandbox enable, read the Filesystem and Network tabs, and go cloud with --cloud — 12 illustrated steps.
GitHub's official sandbox demo · 12 steps
Mocha AI app builder
The full Mocha walkthrough — prompt to publish with Stripe — plus the honest epilogue: the service shut down August 1, and here's what exporting your code actually looked like. 12 illustrated steps.
Wanderloots' 29-min build walkthrough · 12 steps
Claude Code stuck & frozen fixes
Every verbatim hang — compacting, almost done thinking, not responding, resuming container — with sourced, copy-paste rescue steps.
Official docs & changelog · anthropics/claude-code issues
Claude Code MCP tutorial
Add MCP servers to Claude Code with claude mcp add — stdio vs HTTP, the .mcp.json file, scopes, API keys and /mcp status, in 16 illustrated steps.
The Net Ninja's Claude Code MCP chapter · 16 steps
Claude Code desktop app
Build with the Claude Code desktop app without a terminal — folder, model, permission modes, the live preview and panel shortcuts, in 13 steps.
Teacher's Tech desktop app walkthrough · 13 steps
Use DeepSeek in Claude Code
Run Claude Code on DeepSeek's Anthropic-compatible API — base URL, token, model mappings and cost checks, in 11 illustrated steps.
Prince does AI DeepSeek setup walkthrough · 11 steps
Claude Code plugin marketplace tutorial
Browse the official Claude Code plugin marketplace, add any marketplace by URL, install and manage plugins, and publish your own — in 16 illustrated steps.
Software Engineer Meets AI plugins walkthrough · 16 steps
Reduce Claude Code token usage
Read /context, compact and clear at the right moments, trim CLAUDE.md and MCP servers, delegate to subagents and lean on cheaper models — in 12 illustrated steps.
Official context-management walkthrough · 12 steps
Claude Code update tutorial
Run claude update, check versions, handle package-manager installs, the stable channel, IDE extensions and the restart-to-apply prompt — in 12 illustrated steps.
Official install walkthrough · 12 steps
Claude Code mods tutorial
Install and use Claude Code mods: function hooks, the built-in mods list, You Should Know, and safe disabling.
v2.1.287 · official docs
Claude Code background tasks
Ctrl+B long-running commands, watch them in /tasks and agent view, stop runaway subagents, and know the timeout limits.
official docs · agent view
Claude Code plan mode
Enter Claude Code plan mode with Shift+Tab, review the proposed plan, edit it with Ctrl+G, and pick the right approval option.
official docs · walkthrough
Claude Code auto compact
How Claude Code auto compact works: the 2.1.288 auto-mode change, /autocompact windows from 100K to 1M per model, what the summary keeps, and fixes for slow or stuck compaction.
official docs · changelog · walkthrough
Google Antigravity CLI tutorial
Install and drive the Antigravity CLI: agy setup, /config permissions and rendering, /diff and /artifact reviews, subagents, and resuming sessions with agy -c.
official docs · walkthrough
Cline CLI tutorial
Install the Cline CLI, configure providers with cline auth, switch plan and act modes, use -o and -y flags, and enable VS Code subagents on the same agentic core.
official docs · walkthrough
GitHub Copilot app automations
Create a Copilot app automation: name it, pick manual, hourly, daily, weekly or issue triggers, run it locally or in the cloud, and audit every run report.
official docs · walkthrough
Claude Code code review tutorial
Run /code-review on a branch, read findings backed by proof and impact, apply fixes with --fix, tune effort and --max-findings, and let the Claude GitHub App review every pull request — in 11 verified steps.
Introducing Code Review video · changelog · official code review docs
Claude Code status bar customization
Go beyond the first /statusline setup: the JSON fields a statusline.sh script receives, ideas for showing model, tokens, cost, context and git, color and multi-line layouts, plus a community script worth stealing.
screencast walkthroughs · Claude Code statusline docs
Claude Code keybindings & vim mode
Remap any key in keybindings.json, enable vim mode with /vim or /config, and master the default keyboard shortcuts.
screencast walkthroughs · official keybindings docs
Claude Code usage limits, explained
How the 5-hour session window and weekly limit really work, what "Limit reached ∙ resets" means, and the fixes that stretch every allowance.
official support docs · screencast explainer videos
Claude Code settings.json guide
The four config files, precedence, permissions and env — plus a real settings.local.json cleanup workflow.
Terminode AI + Ben Nadel · official docs
Claude Code checkpoints & rewind
/rewind and double-Esc, the three restore options, what checkpoints capture, and how they complement git.
ByteByteAI · official checkpointing docs
Claude Code for VS Code
Install the extension, sign in, pick permission modes, review diffs in the panel, and run the CLI in the integrated terminal.
freeCodeCamp full course · official docs
Claude Code headless mode
claude -p one-shots, JSON and stream-json output, --allowedTools, session resume and the @claude GitHub Action.
Anthropic Code w/ Claude · official docs
Claude Code worktrees
claude --worktree for parallel sessions and subagents: the .claude/worktrees layout, base ref, cleanup, and vs manual git worktree add.
Developers Digest · official worktrees docs
Claude Code on Raspberry Pi
Flash 64-bit Raspberry Pi OS, install Claude Code with one command, authorize your account, and manage the Pi headlessly over SSH.
Jason Welsh · official setup docs
Codex CLI MCP servers
codex mcp add and config.toml for stdio and remote servers: OAuth, /mcp verification, project scoping, and the 0.160.1 remote env fix.
Nathan Sebhastian · official Codex MCP docs
Claude Code dev container
Dev Containers extension + Docker, the official claude-code feature, Reopen in Container, in-container login and CLAUDE_CONFIG_DIR volumes that survive rebuilds.
Visual Studio Code · code.claude.com/docs
Claude Code resume session
claude --continue, the --resume picker, resume by session ID or name, where sessions are stored, and fixes when resume finds nothing.
Prompt & Flow · official docs
Claude Code slow fixes
Read the spinner status line, trim context with /clear and a lean CLAUDE.md, switch models, and track the 5-hour limit — 12 fixes for laggy responses.
AI LABS video · Prompt to Prod · official docs & changelog
OpenCode plan mode
Tab between OpenCode's Plan and Build agents, get read-only plans with clarifying questions and per-mode models, and fix plan mode gone missing.
Fernando Herrera walkthrough · official agents docs
Codex resume session
codex resume and the session picker, type-to-search, --last and --all, where sessions are stored, and fixes when the picker comes up empty.
Net Ninja video · official CLI reference
Cursor remote control guide
Control Cursor agents from your phone: cursor.com/agents and the iOS app side by side, dictated follow-ups, PR squash-merge, Vercel preview testing, and what to check when your computer is unreachable.
Ian Nuttall video · Cursor official iOS launch clip & changelog
Gemini CLI not working
Repair the Windows PATH behind "'gemini' is not recognized", clear the two Google-account login failures, and pick OAuth vs API key — 11 verified steps.
Web Tech Knowledge + AttackOnLife recordings · 11 steps
OpenCode not working
Fix the PATH behind "opencode: command not found", blank-screen launches, provider init errors and the "not showing all models" picker — with the data-dir reset that clears stuck state. — 12 verified steps.
Teacher Account + Vũ Văn Hà + Free Code recordings · opencode.ai docs · 12 steps
Codex default model
Check which model Codex is really using, switch it for the session with /model, and pin it permanently in config.toml — user, project and nested overrides, plus how 0.161.0 made GPT-6.1 Sol the default. — 12 verified steps.
Coding With Chuck recording · official config docs & 0.161.0 release notes · 12 steps
Codex worktrees
Enable Codex managed Git worktrees, run the agent in an isolated worktree, turn it into a branch with Work here, and launch codex --worktree from the terminal — plus where worktrees live and how cleanup works. — 10 verified steps.
Software Engineer Meets AI recording · official worktrees docs & 0.162.0 release notes · 10 steps