Does it help with responsive design?

Yes, it includes specific verification steps for common industrial resolutions, such as 1280x760 and 1920x1080, ensuring layouts remain functional during resizing.

What UI frameworks does this skill support?

This skill is specifically optimized for XAML-based UI development, commonly used in frameworks like WPF, WinUI, and Avalonia.

How does this skill handle accessibility?

It validates keyboard focus paths and ensures that all interactive controls have clear labels and no hidden critical paths, making the software safer for operational use.

How does it maintain visual consistency?

It enforces the use of shared resources within Themes/Styles.xaml and avoids one-off inline colors to ensure a unified look across the entire application.

When is this skill triggered?

It is triggered during any XAML visual redesign or when adding new UI elements like panels, toolbars, tables, or dialogs.

Industrial GUI Design System

Name: Industrial GUI Design System
Author: TigerSillion

byTigerSillion

0•

디자인 도구

Standardizes XAML-based industrial interfaces to ensure professional, readable, and consistent UI layouts for complex debug and monitoring workloads.

The Industrial GUI Design System skill provides Claude with the necessary guardrails to build and maintain high-quality user interfaces for industrial applications. It focuses on XAML consistency by enforcing component classification, hierarchical priority, and the use of shared theme resources rather than inline styling. By automating accessibility checks and layout verification across multiple resolutions, this skill ensures that complex data dashboards and control panels remain functional, legible, and professional under high-pressure operational environments.

주요 기능

01Multi-resolution layout verification for industrial displays

02Semantic color application for status and diagnostics

03Centralized theme management via shared resource dictionaries

04XAML component classification and hierarchy enforcement

05Automated accessibility checks for focus order and labeling

060 GitHub stars

사용 사례

01Ensuring accessibility and keyboard navigation in desktop control software

02Redesigning complex industrial dashboards for better readability

03Creating new diagnostic panels with consistent styling and spacing

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add tigersillion/rxmcu_motormaster gui-design-system

For use in Claude.ai and ChatGPT

Download Skill