About bencium-ux-designer
A design skill for agents creating distinctive, production-ready frontend interfaces, with guidance on layout, typography, spacing, and interaction.
Key features
- 01Frontend interface design guidance
- 02Layout, typography, and spacing principles
- 03Interaction design guidance
- 04Install and invoke instructions
Use cases
- 01Designing a distinctive product frontend
- 02Planning interface layout and typography
- 03Improving interactions in a production UI
Install
Copy the command and run it in a terminal.
npx skills add https:/After installing, type/bencium-ux-designerin Claude Code to confirm it loaded.
Bundled filesstub.yaml
Details
From the project READMEbencium-ux-designer
Catalogue stub — full skill: bencium/bencium-marketplace
Decision tree
Run this before any frontend interface work requiring distinctive design quality:
-
Is the full skill already installed? Check:
~/.design-agent-skills/skills/bencium-ux-designer/SKILL.mdexists AND does NOT contain adas:block.- Yes → invoke
bencium-ux-designerand proceed - No → go to step 2
- Yes → invoke
-
Do you have shell access?
- Yes → run the install command below, then invoke the skill
- No → show the install command; in Claude Code, send it as a chat message starting with
!— add-gfor global install or omit for project-only
Install command
npx skills add bencium/bencium-marketplace --skill bencium-innovative-ux-designer
Or per-agent:
- Claude Code:
claude skills add bencium/bencium-marketplace - Cursor/OpenCode:
npx skills add bencium/bencium-marketplace --skill bencium-innovative-ux-designer
Invoke after install
- Skill name:
bencium-ux-designer - Trigger phrases: "innovative UX", "bencium", "distinctive UI", "production frontend"
What it does
Guides the creation of distinctive, production-ready frontend interfaces that avoid the bland patterns common in AI-generated UI. Applies principled design decisions around layout, typography, spacing, and interaction to deliver original interfaces ready for real products.