Claudable: Open-Source Web Building with AI Agents

Claudable

npxVerified

Claudable is an open-source web builder that integrates with local CLI agents like Claude Code, Codex, Gemini CLI, Qwen Code, and Cursor Agent. It provides tools for building and deploying web applications. The server connects to these AI coding agents and exposes functionality for web development and deployment. Developers use it to automate web application creation and deployment using AI agents.

3,6965600Updated 2 months ago

Overview

Claudable is an open-source web builder that integrates with local CLI agents like Claude Code, Codex, Gemini CLI, Qwen Code, and Cursor Agent. It provides tools for building and deploying web applications. The server connects to these AI coding agents and exposes functionality for web development and deployment. Developers use it to automate web application creation and deployment using AI agents.

Installation

1Install the package

npxnpx -y claudable

2Add to Claude

Add this configuration to your claude_desktop_config.json:

claude_desktop_config.json

{
  "mcpServers": {
    "opactorai-claudable-github": {
      "command": "npx",
      "args": [
        "-y",
        "npx -y claudable"
      ]
    }
  }
}

3Verify installation

Restart Claude Desktop, then ask:

"What tools do you have available from Claudable?"

Prerequisites

Node.js 18 or higher
npm or npx available
Claude Desktop or Claude API access
API key for Claudable

Configuration

API Key Required

This server requires an API key from Claudable. Add it to your environment or config.

Variable	Required	Description
CLAUDABLE_API_KEY	Yes	Your Claudable API key

Usage Examples

List Resources

"What resources are available in Claudable?"

Claude will query available resources and return a list of what you can access.

Get Details

"Show me details about [specific item] in Claudable"

Claude will fetch and display detailed information about the requested item.

Create New

"Create a new [item] in Claudable with [details]"

Claude will use the appropriate tool to create the resource and confirm success.

Works with Claudable

Google's multimodal AI model and assistant

AI-first code editor

AI assistant built for thoughtful, nuanced conversation

Build full-stack web apps from natural language prompts

B2B customer story and advocate discovery

Browse all tools |Check your stack

Related skills

Browse all skills

system-prompts-and-models-of-ai-tools-chinese

@CreatorEdition

apple_foundation_models_claude_skill

@thetronjohnson

claude-code-builder

web-design-studio

Need help with MCP integration?

We build custom MCP integrations for B2B companies. From simple connections to complex multi-tool setups.

View implementation services