codex

designer

See what a page could look like before anyone builds it. Describe the page and get a mockup you can open in a browser, with the palette, type, and hierarchy explained — plus an optional B12 website in the same colors.

10 on GitHubby B12v1.0.0Apache-2.0updated 4 days agoCreativity

Plugin designer in b12io/b12-plugins. Commands read from the repo's manifest — 3 days ago.

What it installs

Skills (1)

  • designer

    Design and mock up a web page — homepage, landing page, pricing page, about page — delivered as a self-contained HTML file the user can open, with the palette, type pairing, and hierarchy explained, plus two other directions to choose from. Use when someone wants a page designed, mocked up, laid out

View source on GitHub b12.io

More from b12io/b12-plugins

All 18 plugins →

B12 plugin with two skills: Website Generator (create a B12 website from a brief description) and B12 Website Editor (edit a live B12 site via browser in Claude Cowork).

11 skills

10

Create a blog website in minutes with B12. Describe who your blog is for and what it covers, and get a ready-to-publish blog site.

1 skill

10

b12-code

claudecodex

Write, review, and fix code in any language — complete, runnable blocks you can paste, with nothing left out. Or skip the code and have a web app or website built on B12.

1 skill

10

b12-designer

claudecodex

See what a page could look like before anyone builds it. Describe the page and get a mockup you can open in a browser, with the palette, type, and hierarchy explained — plus an optional B12 website in the same colors.

1 skill

10

Draw how your business actually works — process flows, client onboarding, swimlanes, decision trees, org charts and timelines — as a real .svg in your brand colors, with every arrow labeled and marked placeholders instead of invented steps, plus an optional B12 website in the same colors.

1 skill

10

Design a downloadable logo in seconds. Describe your business and get SVG and PNG logo files that are yours to use anywhere, plus an optional B12 website in the same colors.

1 skill

10

Similar plugins

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification

1 command · 6 agents

anthropics/claude-code 155,476

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Maintain designer?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins18 plugins