Skip to content
VibeFather
Early access

Coding agent · Open-source coding agent for the terminal, any model

Website templates for OpenCode

OpenCode is an open-source terminal agent that works with almost any model provider, so you can build a VibeFather template with the model you already pay for.

OpenCode website ↗

  1. 01

    Install the VibeFather skill

    terminal
    npx skills add https://vibefather.ai -g -a opencode

    Or npx skills add https://vibefather.ai to pick several agents, or npx vibefather skill for all of them.

  2. 02

    Or connect the MCP server

    opencode.json
    {
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "vibefather": {
      "type": "remote",
      "url": "https://mcp.vibefather.ai",
      "enabled": true
    }
  }
}

  3. 03

    Just ask

    Ask OpenCode for a site — “a brutalist portfolio”, “a dark SaaS landing page”, or a template by name. It shows you options with live demos, asks for your details once and builds it. Use a strong coding model for the first build — long prompts with exact motion specs reward it.

Popular templates

All templates →

Hand-drawn science explainer

  • Explainer
  • Hand-drawn

WebGL product launch page

  • Landing Page
  • 3D

Retro OS desktop portfolio

  • Portfolio
  • Retro OS

FAQ

Are these templates free to use with OpenCode?

For personal and non-commercial projects, yes: live demos, DESIGN.md files and most prompts are free under CC BY-NC 4.0. Commercial use, Pro-only prompts and source code come with Pro.

Do the templates only work in OpenCode?

No. The prompts are plain Markdown, so the same template works in Claude Code, Codex, Cursor, GitHub Copilot and other AI coding tools. Results vary a little between tools and models.

Which model built the demos?

Each template page says which model and tool built its live demo. We build it from the published prompt with nothing added.

OpenCode is a trademark of its owner. VibeFather is not affiliated with or endorsed by it.