Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By bencium
Receive expert UI/UX design guidance for building unique, accessible web interfaces. It activates during development of components, pages, or apps, prompting confirmation before every visual decision on colors, typography, and layouts to ensure thoughtful, customized designs.
npx claudepluginhub bencium/bencium-marketplace --plugin bencium-controlled-ux-designerA Claude Code plugin marketplace with 13 skills for design, architecture, and productivity by bencium.io.
Install all skills at once, or pick individual ones:
# Browse all available skills
npx skills add bencium/bencium-marketplace --list
# Install all skills globally
npx skills add bencium/bencium-marketplace -g --all
# Install a specific skill
npx skills add bencium/bencium-marketplace -g --skill typography
npx skills add bencium/bencium-marketplace -g --skill design-audit
Add the marketplace, then install individual plugins:
# Add marketplace
/plugin marketplace add bencium/bencium-marketplace
# Install any plugin
/plugin install bencium-controlled-ux-designer@bencium-marketplace
These skills work as SKILL.md files in the Claude Cowork app. Copy the skills/ directory from any plugin into your project's .claude/skills/ folder.
The SKILL.md format is compatible with 40+ AI coding tools that support markdown-based skill files, including OpenAI Codex, Gemini CLI, Cursor, Windsurf, and others. Copy the skill files into the tool's prompt or context directory.
| Skill | Description |
|---|---|
| bencium-controlled-ux-designer | Systematic UX design for production. WCAG 2.1 AA, mathematical scales, always-ask-first protocol. Best for enterprise and regulated industries. |
| bencium-innovative-ux-designer | Bold creative UX that commits to distinctive directions. Shadows, gradients, experimental typography. Best for landing pages and campaigns. |
| bencium-impact-designer | Production-grade frontend interfaces that avoid generic AI aesthetics. Based on Anthropic's Frontend Designer Skill. |
| design-audit | Systematic visual UI/UX audits producing phased, implementation-ready design plans. Purely visual -- does not touch functionality. |
| typography | Professional typography rules enforcing correct quote marks, dashes, spacing, hierarchy. Auto-applies to generated HTML/CSS/React code. |
| relationship-design | AI-first interfaces that build ongoing relationships through memory, trust evolution, and collaborative planning. |
| Skill | Description |
|---|---|
| adaptive-communication | Detects user communication style (high-context relational vs low-context transactional) and adapts responses. |
| negentropy-lens | Decision-support framework evaluating systems through entropy (decay) vs negentropy (growth), surfacing tacit knowledge gaps. |
| bencium-aeo | Answer Engine Optimization for AI search visibility. Optimize content for ChatGPT, Claude, Gemini, AI Overviews citations. |
| Skill | Description |
|---|---|
| bencium-code-conventions | Code style and tech stack conventions for React/Next.js/TypeScript, TailwindCSS, Supabase projects. |
| renaissance-architecture | Software architecture principles for building genuinely new solutions through first-principles thinking, not derivative work. |
| human-architect-mindset | Systematic architectural thinking -- domain modeling, systems thinking, constraint navigation, and AI-aware problem decomposition. |
| vanity-engineering-review | Reviews codebases, architectures, PRs, and technical plans for vanity engineering -- code built for ego rather than user value. |
Each plugin follows the standard Claude Code plugin format:
plugin-name/
.claude-plugin/
plugin.json
skills/
skill-name/
SKILL.md
[reference files]
64 satirical tech-bro spinner verbs that replace Claude Code's default "Thinking..." messages with phrases like Enshittifying platforms, Rebranding failures as "pivots", and Overcompensating with rocket size.
Copy spinner-verbs.json contents into your ~/.claude/settings.json:
{
"spinnerVerbs": {
"mode": "replace",
"verbs": ["..."]
}
}
Or append to defaults instead of replacing:
{
"spinnerVerbs": {
"mode": "append",
"verbs": ["..."]
}
}
See spinner-verbs.json for the full list.
MIT
Share bugs, ideas, or general feedback.
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Distinctive, production-grade frontend interfaces with high design quality. Creative, polished code that avoids generic AI aesthetics.
Craft polished user interfaces with layout grids, color systems, typography scales, responsive patterns, and visual hierarchy.
Design workflow for coding agents: discovery, research, strategy, inclusive design, critique, and handoff — enforced automatically
UI/UX design intelligence. 107 styles, 127 palettes, 107 font pairings, 106 charts, 131 reasoning rules, 129 UX guidelines, 16 stacks (React, Next.js, Vue, Nuxt.js, Svelte, Astro, Angular, Remix, SolidJS, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Nuxt UI). 8 Python scripts: BM25 search, contrast checker, palette generator, token generator, type scale calculator, design system generator, UI auditor, CLI. Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, liquid glass, cyberpunk, spatial UI, data brutalism. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient, design tokens, contrast checker.
UI/UX design intelligence. 67 styles, 161 palettes, 57 font pairings, 25 charts, 15 stacks (React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Nuxt, Jetpack Compose). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Reviews codebases, architectures, PRs, and technical plans for vanity engineering — code built for the developer's ego rather than delivering user or business value.
Distinctive, production-grade frontend interfaces with high design quality. Creative, polished code that avoids generic AI aesthetics.
Answer Engine Optimization for AI search visibility. Optimize content for ChatGPT, Claude, Gemini, AI Overviews citations.
Detects user communication style (high-context relational vs low-context transactional) and adapts responses accordingly.
Design AI-first interfaces that build ongoing relationships through memory, trust evolution, and collaborative planning.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claim