Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By bencium
Enforce Bence's code conventions to ensure consistent code style, tech stack, and workflows in React/Next.js/TypeScript projects using Tailwind, Shadcn UI, Zustand, and Supabase/Convex backends. Apply during code writing or project setup for standardized development.
npx claudepluginhub bencium/bencium-marketplace --plugin bencium-code-conventionsA 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.
Premium design patterns, UX research skills, and user journey mapping for modern web applications.
Modern React and UI development expertise. Master React 19, Next.js 15, component architecture, state management, performance optimization, and design systems.
Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: <example>Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are not rendering correctly' assistant: 'Let me use the web-dev agent to analyze your Next.js routing setup and provide a solution' <commentary>This is a Next.js-specific routing issue, so the web-dev agent will provide targeted guidance.</commentary></example> <example>Context: User needs a reusable React component with Tailwind CSS. user: 'I need a card component that matches my app's Tailwind-based design system' assistant: 'I'll use the web-dev agent to create a TypeScript-based React card component styled with Tailwind CSS, following your app's design patterns' <commentary>The user requires a component that aligns with their Tailwind CSS design system, so the web-dev agent ensures compatibility.</commentary></example>
Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS. Includes component scaffolding, bundle analysis, performance optimization, and accessibility best practices.
Editorial "Web Wizard" bundle for Claude Code from Antigravity Awesome Skills.
Agents and skills that are specialised in building and maintaining web applications
Reviews codebases, architectures, PRs, and technical plans for vanity engineering — code built for the developer's ego rather than delivering user or business value.
Expert UI/UX design guidance for unique, accessible interfaces. Always-ask-first protocol for visual decisions, colors, typography, layouts.
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.
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