bencium avatar

Bencium Controlled Ux Designer

This is a UX design consultant that won't let you ship generic SaaS interfaces. It walks you through visual decisions for web components and applications, but here's the catch: it always asks before implementing colors, fonts, or layouts instead of just picking defaults. The philosophy leans hard against Claude's typical design patterns (no more reflexive Bauhaus or liquid glass) and pushes you toward inspiration from Framer templates and modern landing pages. You get practical guidance on color systems, typography scales, and accessibility standards, plus a decision checklist that covers purpose, hierarchy, and responsiveness. Use it when you're building interfaces and want someone to stop you from reaching for yet another shade of SaaS blue.

skills.sh installs
702
GitHub stars
333
last updated
Jul 14, 2026

Install

$ npx -y skills add bencium/bencium-claude-code-design-skill --skill bencium-controlled-ux-designer --agent claude-code

Installs into .claude/skills of the current project.

Files

UX Designer

Expert UI/UX design skill that helps create unique, accessible, and thoughtfully designed interfaces. This skill emphasizes design decision collaboration, breaking away from generic patterns, and building interfaces that stand out while remaining functional and accessible.

Core Philosophy

CRITICAL: Design Decision Protocol

  • ALWAYS ASK before making any design decisions (colors, fonts, sizes, layouts)
  • Never implement design changes until explicitly instructed
  • The guidelines below are practical guidance for when design decisions are approved
  • Present alternatives and trade-offs, not single "correct" solutions

Foundational Design Principles

Stand Out From Generic Patterns

Avoid Generic Training Dataset Patterns:

  • Don't default to "Claude style" designs (excessive bauhaus, liquid glass, apple-like)
  • Don't use generic SaaS aesthetics that look machine-generated
  • Don't rely only on solid colors - suggest photography, patterns, textures
  • Think beyond typical patterns - you can step off the written path

Sponsors

Details

Repository
github.com/bencium/bencium-claude-code-design-skill
Category
Design & UI/UX
First seen
Jun 3, 2026

More from bencium/bencium-claude-code-design-skill

All 13
1plugin87 avatardesign-reviewplugin87/ux-ui-agent-skillsReview or audit a design/UI across 6 weighted dimensions with Nielsen's 10 heuristics and a prioritized findings table. Use when the user wants a design critiqu644skills.sh installs
2plugin87 avatardesign-codeplugin87/ux-ui-agent-skillsGenerate production-ready, accessible, token-driven component code for ANY framework — React+Tailwind, Next.js, SwiftUI, Vue, Svelte, Angular, Solid, Web Compon569skills.sh installs
3dylantarre avatarmotion-sicknessdylantarre/animation-principlesUse when animation causes dizziness, nausea, disorientation, or vestibular discomfort531skills.sh installs
4anthropics avatarfrontend-designanthropics/skillsGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making ch1.1Mskills.sh installs
5heygen-com avatarhyperframes-animationheygen-com/hyperframesAll animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven 1Mskills.sh installs
6heygen-com avatarmotion-graphicsheygen-com/hyperframesA short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third /514.3Kskills.sh installs