ui-themer

Audit semantic CSS class usage across Frictionless UI apps and generate audit reports.

7|3|Updated Dec 23, 2025
One-click install
npx skills add https://github.com/zot/frictionless --skill ui-themer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-themer
Source: https://github.com/zot/frictionless/tree/main/install/skills/ui-themer
Command: npx skills add https://github.com/zot/frictionless --skill ui-themer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams audit and standardize semantic CSS class usage across Frictionless UI apps, improving consistency and maintainability.

Core Features & Use Cases

  • Audit UI apps for semantic class usage and identify undocumented or unused theme classes.
  • Suggest replacements to align with a central design system and theme.
  • Generate a consolidated audit report to guide refactoring across apps.

Quick Start

Run an audit with the Frictionless CLI: .ui/mcp theme audit my-app List available themes: .ui/mcp theme list Inspect theme classes: .ui/mcp theme classes [THEME]

Frequently Asked Questions about ui-themer

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

FAQPage Schema
How do I audit semantic CSS classes across multiple UI apps?

You can audit semantic CSS class usage by running the theme audit command via the Frictionless CLI, which reads theme metadata to detect undocumented and unused classes across your UI apps.

What is the best way to find unused theme classes during a design system migration?

The best way to find unused theme classes is to generate an actionable audit report that scans your apps, identifies unused semantic classes, and suggests replacements to align with your central theme.

How do I standardize UI theme classes to improve consistency and maintainability?

To standardize UI theme classes, run an audit to identify undocumented classes, review the generated report for inconsistencies, and apply the suggested replacements to align all apps with the central design system.

Can I use the Frictionless CLI to inspect available theme classes?

Yes, you can use the Frictionless CLI to list available themes and inspect specific theme classes by running the dedicated theme list and theme classes commands.

Why does my UI app have undocumented theme classes after migration?

Undocumented theme classes appear because semantic class usage was not standardized during the migration, requiring an audit to detect inconsistencies and guide refactoring toward the central design system.