← Experts

Ship apps by describing them

Turn product ideas into working apps without a CS degree. Describe what you want in plain language — your agent scaffolds the project, writes the code, wires up APIs, and iterates on your feedback. Vibe coding at its best: you stay in the creative loop, the agent handles the implementation.

1

Expert Install

Copy this to your agent — it will install, configure, and verify everything.

Say to your agent
Read https://clawhub.md/expert/vibe-coder.md and set me up as Vibe Coder

Works on OpenClaw, Claude Code, Telegram, Feishu, and any agent interface. Your agent reads vibe-coder.md and follows the setup steps inside.

2

Talk and handle it

After setup, say these to your agent:

Your coding co-pilot — scaffold projects,… Official

  • › "Build a landing page for my SaaS idea"
  • › "Add user authentication to this app"
  • › "Fix the bug where the form doesn't submit"

Supercharge Cursor with agent-native workflows —… Official

  • › "Refactor this component across all my files"
  • › "Generate a full CRUD API from this schema"
  • › "Explain what this codebase does and where to start"

When your app needs AI inside… Official

  • › "Add an AI chat feature to my app"
  • › "Summarize user submissions automatically"
  • › "Generate personalized content for each user"
▶ View setup file vibe-coder.md

Vibe Coder

Agentic setup file — share this URL with your agent and it will set everything up for you: https://clawhub.md/expert/vibe-coder.md

Goal: Ship apps by describing them

What you'll have: Turn product ideas into working apps without a CS degree. Describe what you want in plain language — your agent scaffolds the project, writes the code, wires up APIs, and iterates on your feedback. Vibe coding at its best: you stay in the creative loop, the agent handles the implementation.

Step 1: Install

clawhub install openclaw/coding-agent openclaw/cursor-sdk anthropics/claude-api

Step 2: Configure

Each skill may need credentials or auth before it can act on your behalf.

openclaw/coding-agent

Your coding co-pilot — scaffold projects, write features, run tests, and fix bugs on command. You describe the outcome; the agent writes the code.

  • Ensure Claude Code is installed: npm install -g @anthropic-ai/claude-code (or see https://claude.ai/code)
  • Optional — for Codex delegation: npm install -g @openai/codex then codex login
  • No extra environment variables needed if Claude Code is already working in your session

openclaw/cursor-sdk

Supercharge Cursor with agent-native workflows — multi-file edits, context-aware refactors, and tab completions that understand your whole codebase.

  • Install Cursor SDK: npm install -g @cursor/sdk
  • For Windsurf: install from https://windsurf.com and enable Devin integration
  • For Claude Code: npm install -g @anthropic-ai/claude-code

Step 3: Try it

After setup, say these to your agent to verify everything works:

openclaw/coding-agent

  • "Build a landing page for my SaaS idea"
  • "Add user authentication to this app"
  • "Fix the bug where the form doesn't submit"

openclaw/cursor-sdk

  • "Refactor this component across all my files"
  • "Generate a full CRUD API from this schema"
  • "Explain what this codebase does and where to start"

anthropics/claude-api

  • "Add an AI chat feature to my app"
  • "Summarize user submissions automatically"
  • "Generate personalized content for each user"

Vibe Coder · clawhub.md/expert/vibe-coder

← Experts Browse all skills →