bencium-controlled-ux-designer

Guide UI design decisions with WCAG AA accessibility and brand guidelines.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/scamai/scamai-landing --skill bencium-controlled-ux-designer-scamai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bencium-controlled-ux-designer
Source: https://github.com/scamai/scamai-landing/tree/main/.agents/skills/bencium-controlled-ux-designer
Command: npx skills add https://github.com/scamai/scamai-landing --skill bencium-controlled-ux-designer-scamai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and product teams often struggle to make deliberate, accessibility-conscious UI decisions while avoiding generic SaaS aesthetics. This skill provides a decision protocol and principled guidelines to steer design work toward standout, usable interfaces that respect brand identity.

Core Features & Use Cases

  • Always-ask design protocol: Requires explicit user confirmation before applying styling, layout, or typography changes.
  • Alternative options & trade-offs: Presents multiple design directions with rationale to inform collaboration.
  • Foundational principles: Encodes accessibility (WCAG AA), clear typographic hierarchy, and coherent design language to ensure consistent outcomes across projects.
  • Use cases: Ideal when building web components, pages, or applications where accessibility, branding, and usability matter.

Quick Start

Describe your design goal and I will propose two distinct design directions with trade-offs.

Frequently Asked Questions about bencium-controlled-ux-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I make accessible UI decisions that align with my brand guidelines?

Accessible UI decisions aligned with brand guidelines require a deliberate protocol evaluating color systems, typography, and layouts against WCAG AA standards. This skill enforces that protocol by asking for explicit confirmation before applying visual changes and presenting alternatives with trade-offs.

What is the best way to avoid generic SaaS aesthetics when designing web components?

Avoiding generic SaaS aesthetics involves presenting multiple distinct design directions with clear rationale. This skill provides a decision protocol that proposes alternative visual options with trade-offs, ensuring web components and dashboards maintain standout, brand-coherent interfaces.

Can I get UI design guidance that requires approval before changing my layouts?

Yes, you can get UI design guidance requiring approval through an ask-first protocol. This skill mandates explicit user confirmation before applying styling, layout, or typography changes, ensuring collaborative and deliberate design decisions across web applications.

Does this design approach support WCAG AA accessibility standards for web apps?

Yes, this design approach supports WCAG AA accessibility standards for web apps. It encodes foundational principles enforcing accessibility compliance, clear typographic hierarchy, and coherent design language across landing pages, dashboards, and component design tasks.

How to choose between different typography and color system options for a dashboard?

Choosing typography and color system options for a dashboard requires comparing distinct visual directions with explicit trade-offs. This skill presents multiple design alternatives with rationale, allowing evaluation of accessibility and brand alignment before confirming a decision.

When should I not use an ask-first UI design protocol for my project?

You should not use an ask-first UI design protocol when you need rapid, autonomous styling generation without collaborative review. This skill is built for deliberate, accessibility-conscious workflows requiring explicit confirmation, making it unsuitable for fully automated UI generation tasks.