skills.rest
buchananwill
buchananwillCOMMUNITY
Explore all skills by this author →
GitHub

mandate-ui-design

Evaluate UI designs for semantic tokens, composability, and theming.

2|Updated Mar 17, 2026
Search Tags:#theming#consistency#ui-design#design-review#evaluate#semantic-tokens#composable-components
One-click install
npx skills add https://github.com/buchananwill/ue-claude-scaffold --skill mandate-ui-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mandate-ui-design
Source: https://github.com/buchananwill/ue-claude-scaffold/tree/main/skills/mandate-ui-design
Command: npx skills add https://github.com/buchananwill/ue-claude-scaffold --skill mandate-ui-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Evaluates UI designs for consistency, reusability, and theming across Slate and Mantine/React component systems, helping teams identify design debt and improve cohesion.

Core Features & Use Cases

  • Semantic tokens over hard-coded values to maintain design system fidelity.
  • Composable component libraries that separate styling from event logic and business rules.
  • Evaluation of UI consistency, reusability, and themability across multiple platforms and teams.
  • Use Case: A design lead submits a UI proposal; this skill analyzes tokens, components, and theming to surface gaps and recommendations.

Quick Start

Provide a UI design proposal to be evaluated for semantic tokens, composable components, and themeability.

Frequently Asked Questions about mandate-ui-design

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

FAQPage Schema
How do I evaluate UI design consistency and check for semantic token usage?▼

To evaluate UI design consistency, submit a UI proposal to assess semantic token usage, component composability, and theming rules. This surfaces design debt and identifies gaps in styling separation from business logic.

What is the best way to audit a React component library for theming and reusability?▼

Audit a React component library by evaluating its composable components for separation of styling from event logic, verifying Mantine implementations enforce semantic tokens, and checking theming guidelines for consistency.

Does this UI design evaluation work with both Slate and Mantine design systems?▼

Yes, UI design evaluation applies across native Slate-based design systems and web Mantine/React implementations, analyzing proposals, audits, and component-library reviews for consistent theming.

Why should I use semantic tokens instead of hard-coded values in my design system?▼

Use semantic tokens instead of hard-coded values to maintain design system fidelity, enforce UI consistency, and ensure components remain themeable across different platform implementations without requiring logic changes.

How do I separate styling from business logic when building composable components?▼

Separate styling from business logic by building composable components that isolate event logic from semantic token-based theming, ensuring UI consistency and reusability across Slate and Mantine design system implementations.

Related Skills

Explore More Design & Creative Skills→
mgd34msumgd34msu
4

mantine

Develop React user interfaces with Mantine components and hooks.

Community
Intermediate
yeshan333yeshan333
94

extract

Extract reusable UI components and design tokens from codebases.

Community
Intermediate
AhChaoAhChao
1

frontend-style-guide

Enforce Mantine v8 styling and CSS modules in React TSX components.

Community
Basic
alkalisummeralkalisummer
1

design-system

Define design tokens, component architecture, and accessibility standards for web applications.

Community
Advanced