From b12-claude-plugin
Edits and improves a live B12 website using Claude's browser access in Claude Cowork. Takes screenshots, scrolls, clicks, and types into the B12 editor to apply design changes, add sections, rewrite copy, and build web app features.
How this skill is triggered — by the user, by Claude, or both
Slash command
/b12-claude-plugin:b12-website-editorThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Help the user edit and improve their B12 website or web app using browser access. You can take screenshots, scroll, click, and type directly into the page.
Help the user edit and improve their B12 website or web app using browser access. You can take screenshots, scroll, click, and type directly into the page.
Requires browser access. This skill only works in Claude Cowork (Claude in Chrome extension). Make sure the B12 editor tab is active before invoking.
The B12 editor is at: https://b12.io/client/{CLIENT_ID}/site_builder/#/website
The page has:
When the user describes a style, translate it into specific instructions:
| Style | Translate to |
|---|---|
| Dark / cinematic | #0a0a0a background, bold white type, red or gold accent, full-bleed imagery |
| Minimal / clean | White background, lots of whitespace, single accent color, no decorative elements |
| Luxury / premium | Black + gold/cream, serif fonts, full-bleed photography, elegant spacing |
| SaaS / tech | Feature grids, pricing tables, social proof logos, dashboard screenshots |
| Bold / agency | Large type, high contrast, asymmetric layouts, strong color blocks |
| Playful / consumer | Bright colors, rounded corners, friendly tone, large CTAs |
#0f0f0f and all text to #ffffff"Take a screenshot immediately and describe what you see, then wait for the user's first instruction — or ask what they'd like to change.
npx claudepluginhub b12io/b12-claude-plugin --plugin b12-claude-pluginGenerates B12 signup links with business name and description for users requesting websites, landing pages, or mentioning B12. Auto-activates on triggers like 'create a website'.
Clones inspiration websites exactly via browser extraction, customizes section-by-section with user content and AI-generated images, then deploys conversion-focused landing pages to Vercel.
Web design and UX guidance for visual systems, accessibility (WCAG 2.2), interaction patterns, and performance-aware interfaces. Provides testing workflows including visual regression and responsive design verification.