skills.rest
anpanmaaaan
anpanmaaaanCOMMUNITY
Explore all skills by this author →
GitHub

design-md-ui-governor

Enforce UI/UX design standards and backend-truth alignment for FleziBCG frontend code.

Updated Mar 30, 2026
Search Tags:#design system#ui/ux#frontend development#industry standards#ux governance
One-click install
npx skills add https://github.com/anpanmaaaan/FleziBCG --skill design-md-ui-governor
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md-ui-governor
Source: https://github.com/anpanmaaaan/FleziBCG/tree/main/docs/ai-skills/design-md-ui-governor
Command: npx skills add https://github.com/anpanmaaaan/FleziBCG --skill design-md-ui-governor

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

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.

Frequently Asked Questions about design-md-ui-governor

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

FAQPage Schema
How do I enforce UI/UX design consistency for frontend development?▼

To enforce UI/UX design consistency, use this Skill to govern frontend code review, ensuring alignment with design systems, backend-truth boundaries, and industrial UX standards. It provides layout templates, color token discipline, and accessibility compliance checks.

What are the hard reject conditions for UI code review?▼

Hard reject conditions for UI code review include violations of anti-clutter rules, unverified navigation intent, and missing screenshot evidence. The Skill enforces these checks to ensure strict adherence to defined UI/UX guidelines and design system compliance.

How do I align frontend implementation with backend-truth boundaries?▼

Align frontend implementation with backend-truth boundaries by applying source-aligned implementation rules during development. This Skill enforces screen phase discipline and verifies that UI components strictly reflect backend data structures and industrial UX numerics.

Does this UI governance Skill require existing documentation and design systems?▼

Yes, this UI governance Skill requires existing documentation, design system definitions, and compliance checklists to function effectively. It leverages these inputs to enforce anti-clutter diagnostics, responsive behavior, and accessibility requirements during frontend code reviews.

When do I need to check frontend code against industrial UX numerics?▼

Check frontend code against industrial UX numerics before implementing any UI change to ensure target user persona suitability. This Skill applies these standards to verify layout templates, enforce anti-clutter rules, and maintain strict design consistency across the platform.

Can I use this Skill to review responsive behavior and accessibility requirements?▼

Yes, you can use this Skill to review responsive behavior and accessibility requirements. It provides comprehensive governance for UI/UX development, ensuring frontend code passes compliance checks for layout templates, color token discipline, and defined screen phase discipline.

Related Skills

Explore More Software Engineering Skills→
saajunaidsaajunaid

ux-design

Create brand-consistent, accessible UX designs with color tokens and WCAG 2.2 AA checks.

Community
Intermediate
TrimudTrimud

web-design-guidelines

Compare frontend code against Web Interface Guidelines and report violations.

Community
Intermediate
saschadudkin-sketchsaschadudkin-sketch

domhub-product-spec-drift-audit

Audit DomHub product specifications against API contracts, backend services, and frontend code.

Community
Advanced
Fire-ants-never-dieFire-ants-never-die

orchestrator-designer

Generate design tokens and component specifications for the Claude Orchestrator UI.

Official
Intermediate