Defines and audits design tokens to replace hardcoded UI values across apps.
npx skills add https://github.com/Dinxeshh/agent-skills --skill muse-dinxeshh
Please help me install this Agent Skill. Skill: Muse Source: https://github.com/Dinxeshh/agent-skills/tree/main/skills/muse Command: npx skills add https://github.com/Dinxeshh/agent-skills --skill muse-dinxeshh
Muse eliminates inconsistent styling by defining and managing design tokens so teams stop patching components with hardcoded values and mismatched spacing, colors, or typography.
Use Muse to audit the current stack for hardcoded spacing or colors and output the semantic tokens plus migration notes needed for dark mode support.
High-intent search queries and answers about installing and using this skill.
To replace hardcoded UI values, define semantic tokens for colors, spacing, and typography, then apply them across your apps. This process audits your current stack and generates migration notes to ensure consistent, lifecycle-aware styling.
Semantic design tokens are contextual variables capturing colors, spacing, and typography that adapt to themes like dark mode. You need them when patching components with mismatched values or building a reusable design system foundation.
You audit UI for dark mode readiness by reviewing hardcoded colors and spacing against accessibility contrast requirements. This generates lifecycle-aware semantic tokens covering both light and dark modes to ensure proper theme support.
Yes, you can build a reusable design system foundation by defining semantic tokens for typography, shadows, radius, and spacing. This establishes consistent, accessible experiences and documents decisions for downstream component libraries.
The best way to manage token lifecycle is capturing values in semantic tokens with adoption tracking and migration guidance. This ensures smooth transitions during design system rebuilds while honoring palette and accessibility feedback.
Inconsistent styling occurs when teams patch components with hardcoded values instead of using managed design tokens. Defining semantic tokens for spacing, colors, and typography eliminates mismatches and ensures grid alignment.
endlessblinkReplace hardcoded values with design tokens and standardize UI components.
jmanuelrosaBuild Tailwind v4 design systems with CSS-first design tokens and CVA components.
KyaniteLabsGenerate OKLCH color ramps and semantic token systems with WCAG 2.x contrast verification.
Marcus-Mok-GHEnforce theme values from theme.yaml in prototype screens.
