Back to Browse

OpenCode Full Tutorial — Agents, Skills, MCP & Expense Tracker APP Build

1.1K views
May 13, 2026
18:40

OpenCode is one of the most powerful AI coding agents available right now — and most tutorials only show you how to install it. In this video, we go full deep dive. I cover Agents (Plan & Build), Permissions, Skills, MCP servers, and build a complete Expense Tracker web app from scratch — using MiniMax M2.7 (free) for planning and GPT-5.5 (paid) for building. This is my actual token optimization workflow that saves real money on paid API costs. ━━━━━━━━━━━━━━━━━━━━━━━━ 🔗 LINKS ━━━━━━━━━━━━━━━━━━━━━━━━ ▶ Telegram channel (for zip file): https://www.t.me/stackagen ▶ Masterclass Repo: https://github.com/stackoverchill/opencode-masterclass ▶ OpenCode official site: https://opencode.ai ▶ OpenCode GitHub: https://github.com/anomalyco/opencode ▶ Anthropic API restriction issue: https://github.com/anomalyco/opencode/issues/7456 ▶ Skills: https://www.skills.sh/ ▶ Awesome Design MD repo: https://github.com/VoltAgent/awesome-design-md ▶ Google's Design.md: https://github.com/google-labs-code/design.md ▶ NVIDIA NIM free models: https://build.nvidia.com ━━━━━━━━━━━━━━━━━━━━━━━━ 🕐 TIMESTAMPS ━━━━━━━━━━━━━━━━━━━━━━━━ 00:00 - Intro 00:17 - What is OpenCode? 00:41 - Installation 02:20 - Connecting providers 04:55 - Agents & Subagents 07:08 - Skills & MCP 09:23 - Initialization of project 10:39 - DESIGN.md 12:15 - Planning 14:00 - Building 15:18 - Expense Tracker Walkthrough 16:55 - Extra commands 18:22 - Outro ━━━━━━━━━━━━━━━━━━━━━━━━ 📺 RELATED VIDEOS ━━━━━━━━━━━━━━━━━━━━━━━━ ▶ OpenCode Installation on Windows (WSL): https://youtu.be/dJN33QRqAdQ?si=Ap6_kRSAEBS-OiAL ▶ Free Claude Code with NVIDIA NIM: https://youtu.be/oEt2l8MZuvA?si=qyelS6tP8mQGIWSh ▶ Free Claude Code with Ollama + Gemma 4: https://youtu.be/tJZ48AjImCI?si=VjHBBYeSAPG8HPwz ━━━━━━━━━━━━━━━━━━━━━━━━ 📌 CHAPTERS COVERED ━━━━━━━━━━━━━━━━━━━━━━━━ ✅ OpenCode installation — Mac, Windows, Linux, Desktop ✅ Model providers — NVIDIA NIM (free) + OpenAI GPT-5.5 (paid) ✅ Plan Agent vs Build Agent — when to use which ✅ General & Explore subagents ✅ Project-level permissions — blocking .env access ✅ Frontend Design skill via skills.sh ✅ MCP server setup (excalidraw example) ✅ AGENTS.md initialization ✅ DESIGN.md — Wise fintech design system ✅ Real app build — Expense Tracker with dark theme & Chart.js ✅ /fork, /compact, /review, /status, /themes commands If you are into AI tools, coding agents, and developer productivity — subscribe. New videos every week. #opencode #claudecode #aicodingagent

Download

0 formats

No download links available.

OpenCode Full Tutorial — Agents, Skills, MCP & Expense Tracker APP Build | NatokHD