web-theme-consistency
CommunityMaintain Web UI consistency with theme tokens.
Authormuddyrain
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Web applications often drift visually when pages and components bypass the design system. This skill enforces a single, cohesive look by ensuring all UI uses the current theme tokens and shared components.
Core Features & Use Cases
- Enforce theme tokens and CSS variables across major UI areas (banners, cards, buttons, forms, navigation) to maintain consistency.
- Detect and prevent hard-coded colors or inline styles that diverge from the design system.
- Use Case: during a UI audit, quickly identify components that do not follow the theme and refactor them to themed variants.
Quick Start
Audit Web pages to identify elements not following the theme and apply theme tokens to restore consistency.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: web-theme-consistency Download link: https://github.com/muddyrain/valley-mas/archive/main.zip#web-theme-consistency Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.