yukyu-ui-ux-master

Design YuKyuDATA interfaces with WCAG accessibility and dark/light mode.

1|Updated Dec 15, 2025
One-click install
npx skills add https://github.com/jokken79/YuKyuDATA-app1.0v --skill yukyu-ui-ux-master
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: yukyu-ui-ux-master
Source: https://github.com/jokken79/YuKyuDATA-app1.0v/tree/main/.agent/skills/yukyu-ui-ux-master
Command: npx skills add https://github.com/jokken79/YuKyuDATA-app1.0v --skill yukyu-ui-ux-master

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a structured approach to designing enterprise UI/UX for YuKyuDATA, ensuring accessibility, consistency, and Japanese UX principles are applied.

Core Features & Use Cases

  • Accessibility compliance (WCAG) review across interfaces
  • Dark/light mode design tokens and responsive patterns
  • Glassmorphism and modern UI patterns tailored for business management apps
  • Style guide and typography system alignment with Poppins/Open Sans/Noto Sans JP
  • Use Case: Design a dashboard screen for vacation management with 3-click tasks

Quick Start

Provide a design brief and requirements for a YuKyuDATA module; ask for UI/UX mockups illustrating dashboards, forms, and navigation

Frequently Asked Questions about yukyu-ui-ux-master

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

FAQPage Schema
How do I design a dashboard that complies with WCAG accessibility standards?

WCAG compliance for dashboard design requires applying accessible interaction states, evaluating color contrast, and using structured design tokens across responsive layouts. This ensures enterprise interfaces meet strict accessibility standards while maintaining usability.

What is the best way to implement dark mode and light mode in business management apps?

Implementing dark mode and light mode in business management apps requires dedicated design tokens for color systems and typography. Using tokens ensures consistent theme switching and maintains visual hierarchy across responsive interface layouts.

Can I use glassmorphism UI patterns for enterprise UI/UX design?

Yes, you can use glassmorphism UI patterns for enterprise UI/UX design by tailoring them with modern UI principles. Apply glassmorphism carefully to maintain accessibility and visual clarity within business management application interfaces.

How do I create a responsive typography system using Poppins and Noto Sans JP?

Creating a responsive typography system using Poppins and Noto Sans JP involves aligning font selections with style guide requirements. This combination supports Japanese UX principles and ensures readable text across varying screen sizes.

Does this approach support designing accessible micro-interactions across responsive layouts?

Yes, this approach supports designing accessible micro-interactions across responsive layouts by defining component patterns and accessible interaction states. This ensures consistent user feedback mechanisms adapt correctly to different devices.

What are the limitations of applying Japanese UX principles to enterprise UI design?

Limitations of applying Japanese UX principles to enterprise UI design include balancing dense information displays with strict WCAG accessibility requirements. Designers must carefully manage visual hierarchy to avoid clutter while maintaining compliance.