design plugin
Premium frontend design skills that override default AI design biases. Includes a configurable design system with anti-slop rules for React/Next.js/Tailwind, aesthetic variants (soft, minimalist, brutalist), project redesign auditing, Google Stitch integration, and full-output enforcement.
How to install the design plugin
Run both commands inside Claude Code. The first adds the marketplace once; the second installs the plugin.
/plugin marketplace add naveedharri/benai-skills
/plugin install design@benai-skillsWhat's inside design
7 parts read from the plugin's own files.
Skills 7
Claude loads it when the task matches- brutalist-ui
No description in the file.
- minimalist-ui
No description in the file.
- output-enforcement
No description in the file.
- redesign
No description in the file.
- soft-ui
No description in the file.
- stitch
No description in the file.
- taste
No description in the file.
Using design in Claude Code
Skills need no command. Claude reads them when your request matches what they describe.
Update, turn off or remove
- Update the plugin (shell)
- claude plugin update design@benai-skills
- Refresh the marketplace
- /plugin marketplace update benai-skills
- Turn it off for now
- /plugin disable design@benai-skills
- Remove it
- /plugin uninstall design@benai-skills
design plugin questions
How do I install the design plugin?
In Claude Code run /plugin marketplace add naveedharri/benai-skills, then /plugin install design@benai-skills.
What does the design plugin include?
design bundles 7 skills.
How do I update or remove the design plugin?
Update it with claude plugin update design@benai-skills in your shell, or from the Installed tab of /plugin. Remove it with /plugin uninstall design@benai-skills.