Skip to content
VibeFather
Early access

Coding agent · Anthropic's coding agent for the terminal

Website templates for Claude Code

Claude Code builds a whole multi-file site from one long prompt, so a VibeFather prompt is a natural fit: paste it, or let Claude search the library over MCP.

  1. 01

    Add the MCP server

    terminal
    claude mcp add --transport http vibefather https://mcp.vibefather.ai

  2. 02

    Ask for a template

    Ask Claude Code to find a template by style or type — “a brutalist portfolio”, “a dark SaaS landing page” — and build it with your product name. Or copy a prompt from any template page.

  3. 03

    Let it build

    Start Claude Code in an empty folder, then ask: “find a dark SaaS template on VibeFather and build it for my product”.

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

No. The prompts are plain Markdown, so the same template works in Codex, Cursor, GitHub Copilot, Windsurf 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.

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