Skip to content
VibeFather
Early access

Use with AI

Let your AI build any template for you

Install the VibeFather skill once. After that, describe the site you want — or name a template — and your AI coding tool finds it, asks for your details and builds it from the exact prompt behind the live demo.

Install the skill

Recommended

One command, every coding agent you have — Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf and 70+ more.

npx skills add https://vibefather.ai

It asks which agents to add it to. Prefer no questions? npx vibefather skill installs it for all of them.

Quick setup for your tool

Skill — only for Claude Code

npx skills add https://vibefather.ai -g -a claude-code

Or the MCP server

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

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

Then just ask

  1. Build me a landing page for my coffee subscription. Something warm and editorial.
  2. Here are 3 VibeFather templates that fit, with live demos. Which one?
  3. The second one.
  4. Your brand name, tagline and city? Skip any to keep the defaults.

More ways to use it

MCP server

Search templates and fetch prompts as tools. Also works in chat apps: add it in Claude or ChatGPT under Settings → Connectors. No API key.

https://mcp.vibefather.ai
Add to Cursor Add to VS Code

CLI

Drop one template's prompt.md and DESIGN.md into your project, then point any agent at it. npx vibefather mcp prints the MCP setup for every tool.

npx vibefather search portfolio
npx vibefather add <slug>

Copy a prompt

No setup at all. Every template page has Copy prompt and Use in AI — open it straight in Cursor, Claude, ChatGPT or Lovable.

LovableBoltv0Replit

Browse templates →

For LLMs and crawlers

Plain-text versions of everything, for agents that read the web.