skills.rest
Higashi-Kota
Higashi-KotaCOMMUNITY
Explore all skills by this author →
GitHub

senior-ui-designer

Provide UI/UX design guidance for SaaS interfaces with WCAG 2.2 AA accessibility.

Updated Jan 2, 2026
Search Tags:#design#ui#accessibility#OKLCH#ux#design-system
One-click install
npx skills add https://github.com/Higashi-Kota/llm-mermaid-chat --skill senior-ui-designer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: senior-ui-designer
Source: https://github.com/Higashi-Kota/llm-mermaid-chat/tree/main/.claude/skills/senior-ui-designer
Command: npx skills add https://github.com/Higashi-Kota/llm-mermaid-chat --skill senior-ui-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Expert UI/UX guidance for enterprise SaaS interfaces, helping teams achieve clarity, accessibility, and cohesive design systems.

Core Features & Use Cases

  • Design system architecture guidance and component library coherence for scalable SaaS products.
  • Accessibility reviews ensuring WCAG 2.2 AA compliance for dashboards, forms, and navigation.
  • Interaction patterns & micro-interactions to improve usability and perceived performance.
  • OKLCH-based color theory guidance for consistent light/dark mode across components.
  • Design critique & iteration prompts to accelerate product sprints and polish.

Quick Start

Request a design critique of a SaaS onboarding flow focusing on visual hierarchy, accessibility, and design-system consistency.

Frequently Asked Questions about senior-ui-designer

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

FAQPage Schema
How do I audit my SaaS dashboard for WCAG 2.2 AA accessibility compliance?▼

To audit SaaS dashboard accessibility for WCAG 2.2 AA compliance, evaluate visual hierarchy, color contrast, and interaction patterns. The guidance provides actionable critiques focusing on forms, navigation, and inclusive design to ensure dashboards meet strict accessibility standards.

How does OKLCH color theory improve UI design systems for SaaS interfaces?▼

OKLCH color theory improves UI design systems by providing perceptually uniform color guidance, ensuring consistent light and dark mode scaling across components. This approach helps SaaS interfaces maintain visual coherence and predictable contrast ratios for accessible component design.

What is the best way to structure a design system architecture for enterprise SaaS?▼

The best way to structure enterprise SaaS design system architecture is to establish cohesive component library standards and interaction patterns. This ensures scalable visual hierarchy, micro-interactions, and accessibility compliance across complex product interfaces.

Can I get UI UX design critiques for my SaaS onboarding flow?▼

Yes, you can request UI UX design critiques for SaaS onboarding flows to evaluate visual hierarchy, accessibility, and design-system consistency. The critique delivers actionable patterns and iteration prompts to accelerate product sprints and polish user experience.

Does this UI design guidance cover micro-interactions and perceived performance?▼

Yes, this UI design guidance covers micro-interactions and perceived performance by providing specific interaction patterns for SaaS interfaces. It helps improve overall usability and visual hierarchy while maintaining design-system coherence during rapid iteration.

Related Skills

Explore More Design & Creative Skills→
filipnyquistfilipnyquist

plan-design-review

Analyze plan UI/UX decisions and generate mockups with the gstack designer.

Community
Advanced
Dzakiamriz22Dzakiamriz22
1

color-system

Define semantic color tokens in OKLCH with WCAG 2.1 AA contrast.

Community
Advanced
magic3007magic3007
10

frontend-design

Translate frontend requirements into production-ready UI with code samples.

Community
Advanced
dtsongdtsong
1

Visual Audit

Analyze digital interfaces for hierarchy, contrast, spacing, typography, color, and layout issues.

Community
Intermediate