Skip to main content
plugin

b12-claude-plugin — Claude Code plugin: build B12 sites

Turns a short project brief into a B12 website and hands back a signup link with the site already built.

Install into Claude Code · Plugin marketplace All methods and platforms ↓
/plugin marketplace add anthropics/claude-plugins-community
/plugin install b12-claude-plugin@claude-community
Open on GitHub

What b12-claude-plugin does

Two skills ship inside this plugin. Website Generator asks about your project or business — goals, structure, style — then builds a B12 site from your answers and returns a signup link pointing at the finished draft. The second skill, B12 Website Editor, works on a site that is already live: it adds sections, rewrites copy, changes the design, and builds web app features. That one needs browser access, so it only runs in Claude Cowork with the Claude in Chrome extension. Plain Claude cannot drive the editor.

Installing in Claude goes through the marketplace: add anthropics/claude-plugins-community first, then install the plugin itself. You can also clone the repo and start with claude --plugin-dir /path/to/b12-claude-plugin.

Cursor carries a different set from the same repository — Blog Generator, Code, Designer, Diagram Builder, Image Generator, Logo Generator, PDF: Make, Research, Summarize, Presentation Generator, and Writer. Website Generator and B12 Website Editor are not among them, so Cursor is the wrong tool if site generation is what you want.

What it helps with

  • launch a landing page from a business description without writing markup
  • get a signup link with a pre-built site
  • rewrite copy on a live B12 site
  • add a pricing section to an existing site
  • restyle the hero section around a different brand feel

Example prompts for the agent

  • Create a website for a consulting firm
  • Create a website for a software development agency
  • Edit my B12 website and add a pricing section with 3 tiers

How to install b12-claude-plugin

Plugin marketplace

/plugin marketplace add anthropics/claude-plugins-community
/plugin install b12-claude-plugin@claude-community

Step by step, with commands for each platform: Claude Code plugins: marketplaces, installing, and building your own

Questions about b12-claude-plugin

How do I install b12-claude-plugin in Claude Code?

Use the marketplace: run /plugin marketplace add anthropics/claude-plugins-community, then /plugin install b12-claude-plugin@claude-community.

What does b12-claude-plugin do?

It adds two skills. Website Generator builds a B12 site from your project description, and B12 Website Editor changes a published site through the browser.

Why is the website editor not working?

It requires browser access, which comes only with Claude Cowork and the Claude in Chrome extension. The skill will not run in Claude.

Source text

SKILL.md · Apache-2.0
# B12 Claude Plugin

This plugin includes two skills that help you build and manage websites on B12 using Claude.

## Skills

### Website Generator

Creates a production-ready B12 website from a brief description. Claude will ask for a description of your project or business (goals, structure, style, etc.) and generate a signup link with a pre-built site ready to publish.

**Example prompts:**
```
"Create a website for a consulting firm"
"Create a website for a software development agency"
"Create a personal website"
"Create a website for a cat café"
```

### B12 Website Editor

Edits and improves a live B12 website using Claude's browser access. Claude can take screenshots, scroll, click, and type directly into the B12 editor to apply design changes, add sections, rewrite copy, and build web app features.

> Requires browser access — only works in Claude Cowork (Claude in Chrome extension).

**Example prompts:**
```
"Edit my B12 website"
"Make my site look like a premium luxury brand"
"Add a pricing section with 3 tiers"
"Redesign the hero section"
```

## Installation

### Claude.ai

Install each skill individually:

**Website Generator**
1. Download [website-generator.zip](website-generator.zip)
2. Go to **claude.ai** > **Settings** > **Skills**
3. Upload the zip file

**B12 Website Editor**
1. Download [b12-website-editor.zip](b12-website-editor.zip)
2. Go to **claude.ai** > **Settings** > **Skills**
3. Upload the zip file

### Claude Code

Via the marketplace (recommended):
```bash
claude plugin marketplace add b12io/b12-claude-plugin
claude plugin install b12-claude-plugin@b12-plugins
```

Or load directly from a local clone:
```bash
claude --plugin-dir /path/to/b12-claude-plugin
```

### Claude Cowork

Install through the plugin manager in Claude Desktop.

### Cursor

The plugins in [`plugins/`](plugins/) (Blog Generator, Code, Designer, Diagram Builder, Image Generator, Logo Generator, PDF: Make, Research, Summarize, Presentation Generator, and Writer) are available in Cursor. Website Generator and B12 Website Editor aren't.

Open **Customize**, search for "B12", and install the plugins you want. You can also find them in the [Cursor Marketplace](https://cursor.com/marketplace). Each plugin's README covers what it does and example prompts.

## License

Apache 2.0

© b12io · Apache-2.0 · b12io/b12-plugins

Similar plugins

All plugins for Marketing and content →

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor