bencium-controlled-ux-designer

Enforce an ask-first workflow for UI design decisions with WCAG AA accessibility.

2|Updated Jan 16, 2026
One-click install
npx skills add https://github.com/seikaikyo/dash-skills --skill bencium-controlled-ux-designer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bencium-controlled-ux-designer
Source: https://github.com/seikaikyo/dash-skills/tree/main/external/ux-designer
Command: npx skills add https://github.com/seikaikyo/dash-skills --skill bencium-controlled-ux-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design decision paralysis and generic UI patterns slow projects; this skill enforces an ask-first workflow to ensure purposeful, accessible interfaces.

Core Features & Use Cases

  • Ask-first decision protocol: Always seek user approval before altering colors, typography, spacing, or layouts.
  • Distinctive design guidance: Proposes unique color pairs, typography, and patterns to move beyond generic SaaS aesthetics.
  • Accessibility-by-default: Emphasizes WCAG 2.1 AA compliance, keyboard navigation, and screen-reader-friendly markup.
  • Responsive & inclusive patterns: Provides mobile-first and multi-device layout recommendations and testing guidance.
  • Collaborative problem-solving: Presents 2-3 design options with trade-offs and rationale before implementing.

Quick Start

Provide three design directions for a page and ask for approval before implementing.

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 ensure my UI design decisions meet WCAG AA accessibility requirements?

To ensure accessibility, apply a design-system-aware framework that enforces WCAG 2.1 AA compliance, keyboard navigation, and screen-reader-friendly markup across all UI components. This approach guarantees accessible interfaces by validating color contrast and interactive elements.

What is the best way to move beyond generic SaaS aesthetics in UX design?

Moving beyond generic SaaS aesthetics involves generating distinctive design guidance that proposes unique color pairs, typography, and responsive design patterns. This method provides 2-3 tailored options with trade-offs to purposefully differentiate your product.

How do I structure a collaborative UX design workflow for layout decisions?

Structure a collaborative UX design workflow by adopting an ask-first protocol that requires explicit user approval before altering colors, typography, spacing, or layouts. This ensures purposeful, structured decisions instead of untracked changes.

Can I get mobile-first responsive design recommendations for multi-device layouts?

Yes, you can receive mobile-first and multi-device responsive design recommendations. This process provides explicit layout patterns and testing guidance to ensure your UI components adapt correctly across various screen sizes.

When should I use an ask-first design decision framework for my product?

Use an ask-first design decision framework when facing design decision paralysis or needing structured UI component updates. It prevents generic patterns by enforcing explicit approval and rationale before implementing layout or typography changes.