Normalize hard-coded MDX colors to deck theme CSS variables.
npx skills add https://github.com/co-r-e/dexcode --skill theme-normalizer
Please help me install this Agent Skill. Skill: theme-normalizer Source: https://github.com/co-r-e/dexcode/tree/main/.claude/skills/theme-normalizer Command: npx skills add https://github.com/co-r-e/dexcode --skill theme-normalizer
Normalize hard-coded HEX colors in decks' MDX files to deck theme CSS variables derived from deck.config.ts theme.colors, enabling consistent theming and easier brand updates.
Preview color normalization for the target deck, then apply changes with --write to update deck colors.
High-intent search queries and answers about installing and using this skill.
To replace hard-coded HEX colors in MDX files, you can normalize them to deck theme CSS variables. This process maps color literals like #FF00AA to var(--slide-*) using theme definitions from deck.config.ts.
Standardizing inconsistent slide colors involves mapping hard-coded HEX values to centralized theme CSS variables. This ensures consistent color usage across decks and enables easier brand updates by modifying theme definitions.
Yes, you can preview color normalization changes before writing to MDX files using a dry-run option. This allows you to review the HEX to CSS variable mapping safely before applying the write option to update decks.
Deck theme normalization works directly with deck.config.ts theme.colors to derive CSS variables. It applies this mapping across decks/<deck>/*.mdx files and the config file itself to ensure consistent color usage.
The best way to manage duplicate HEX colors when mapping to deck theme variables is through a normalization process that handles duplicates during color-to-var mapping. This ensures each color literal resolves to a single CSS variable.
Hard-coded MDX colors do not update with deck theme changes because they are literal HEX values instead of CSS variables. Normalizing these literals to var(--slide-*) references fixes the issue by linking them to theme.colors.
cklxxGenerate presentation decks with branding and accessibility from a content brief.
habrahgithubCreate Tailwind CSS design tokens and component variants for consistent theming.
bovinphangValidate Storybook component documentation with MDX and frontmatter checks.
jiyangnanAutomates PPTX localization from unpacking to repacking with translation, terminology normalization, and font standardization.
