Skip to content
VibeFather
Early access

AI code editor · Open-source coding agent for VS Code and JetBrains

Website templates for Kilo Code

Kilo Code runs as an extension with the model of your choice. Install the skill and its agent can build any VibeFather template in your editor.

Kilo Code website ↗

  1. 01

    Install the VibeFather skill

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

    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

    In Kilo Code's MCP settings, add a remote (Streamable HTTP) server named vibefather with this URL. No API key.

    MCP server URL
    https://mcp.vibefather.ai

  3. 03

    Just ask

    Ask Kilo Code 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. Switch to Code mode before pasting so it creates files instead of just planning.

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 Kilo Code?

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 Kilo Code?

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.

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