design-md-ui-governor

Community

Ensure FleziBCG UI/UX consistency and adherence to industry standards.

Authoranpanmaaaan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps maintain consistency in UI/UX design for the FleziBCG platform, ensuring that all frontend code aligns with industry standards and design guidelines.

Core Features & Use Cases

  • UI/UX Governance: Enforces backend-truth boundary, screen phase discipline, industrial UX numerics, anti-clutter diagnostic, and source-aligned implementation.
  • Documentation Compliance: Provides a comprehensive guide for UI/UX development, including layout templates, color/token discipline, responsive behavior, and accessibility requirements.
  • Code Review Guidelines: Defines hard reject conditions for UI code, including the enforcement of anti-clutter rules, navigation intent verification, and screenshot evidence requirements.
  • Use Case: Before implementing any UI change, use this Skill to ensure that the design aligns with the FleziBCG standards and is suitable for the target user persona.

Quick Start

Use the 'design-md-ui-governor' skill to review the UI/UX design of the 'station-execution-cockpit' page and ensure it adheres to all standards.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-md-ui-governor
Download link: https://github.com/anpanmaaaan/FleziBCG/archive/main.zip#design-md-ui-governor

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.