benciumbenciumCommunity·1 Agent Skills Included

bencium-claude-code-design-skill

UX design, typography, design audits, and campaign planning

Generates distinctive frontend interfaces, typography-correct code, and systematic visual design audits. Eliminates generic machine-made aesthetics, inconsistent spacing, and accessibility gaps in web projects. Includes campaign planning, EU AI Act content review, and architecture decision frameworks to cover full product workflows.
npx skills add bencium/bencium-claude-code-design-skill --all -g -y
Available:

Instructs the agent to analyze websites for AI-search visibility gaps and generate optimized FAQ content, evidence panels, and JSON-LD schema markup using the bundled templates.

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install bencium-claude-code-design-skill?

Run `npx skills add bencium/bencium-claude-code-design-skill --all -g -y` in your terminal to install all skills globally.

How to avoid generic AI-looking web design?

The impact-designer and innovative-ux-designer skills generate distinctive interfaces with bold typography, unique color palettes, and layouts that break away from default SaaS patterns.

Can it audit my existing app's visual design?

Yes. The design-audit skill reviews every screen for hierarchy, spacing, typography, and accessibility, then produces a phased, implementation-ready improvement plan.

Does it work with Cursor and other coding tools?

Yes. All skills use the standard SKILL.md format, which works in Claude Code, Cursor, Codex, Windsurf, and 40+ other compatible tools.

Can non-designers use these skills?

Yes. You describe what you need in plain English, and the skills apply professional design rules, accessibility standards, and typography conventions automatically.

Related Repositories in Design & Creative

View All in Design & Creative