Design Plugin
Description
A Claude Code plugin that helps you make confident UI design decisions through rapid iteration.
Installation
claude install-skill https://github.com/0xdesign/design-plugin README
Design and Refine
A Claude Code plugin that helps you make confident UI design decisions through rapid iteration.
What It Does
Design and Refine generates multiple distinct UI variations for any component or page, lets you compare them side-by-side in your browser, collects your feedback on what you like about each, and synthesizes a refined version—repeating until you're confident in the result.
Instead of guessing at the right design or going back-and-forth on revisions, you see real options, pick what works, and iterate quickly.
When to Use It
- undefined
Why Use It
- undefined
Setup
1. Add the marketplace
In Claude Code, run:
/plugin marketplace add 0xdesign/design-plugin
2. Install the plugin
/plugin install design-and-refine@design-plugins
That's it. The plugin is now available in any project.
Usage
Start a session
/design-and-refine:start
Or with a specific target:
/design-and-refine:start ProfileCard
...
Related Skills
Algorithmic Art
When users request creating art using code, generative art, algorithmic art, flow fields, or particle systemsCreate generative art using p5.js with seeded randomness, flow fields, and particle systems
Design official Brand Guidelines
When brand colors, style guidelines, visual formatting, or company design standards applyApply Anthropic's official brand colors and typography to artifacts
Design official Canvas Design
When user asks to create a poster, piece of art, design, or other static pieceCreate beautiful visual art in PNG and PDF documents using design philosophy
Design official Frontend Design
When user asks to build web components, pages, applications, dashboards, or style/beautify web UICreate distinctive, production-grade frontend interfaces with high design quality
Design official Slack Gif Creator
When users request animated GIFs for SlackCreate animated GIFs optimized for Slack's size constraints
Design official Theme Factory
When user wants to apply a theme or styling to an artifactStyle artifacts with professional themes including 10 pre-set color/font combinations
Design official Related Agents
Html Css
| Web standards for semantic markup, maintainable styling, and accessibility. | - | [wshobson/agents](https://github.com/wshobson/agents) |
ui-visual-validator
| You are an experienced UI visual validation expert specializing in comprehensive visual testing and... | sonnet | [wshobson/agents](https://github.com/wshobson/agents) |
Refactor Clean
| You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and... | - | [wshobson/agents](https://github.com/wshobson/agents) |