Align JSON design tokens with CSS variables across light and dark modes.
npx skills add https://github.com/anonymouswhite07/Portfolio-v1 --skill ui-tokens
Please help me install this Agent Skill. Skill: ui-tokens Source: https://github.com/anonymouswhite07/Portfolio-v1/tree/main/.agents/skills/ui-tokens Command: npx skills add https://github.com/anonymouswhite07/Portfolio-v1 --skill ui-tokens
List, add, and update StyleSeed design tokens while keeping JSON sources, CSS variables, and dark-mode values in sync.
Add a new color token named color-primary and propagate the update to the corresponding CSS variables.
High-intent search queries and answers about installing and using this skill.
To keep design tokens in sync, you can inventory current values and perform add or update actions that propagate changes across JSON sources and CSS variables. This prevents drift and ensures a unified design system.
Managing dark-mode variants involves aligning color and shadow tokens across light and dark themes. You update the token definitions and propagate those changes to ensure dark-mode CSS variables remain consistent with the JSON source.
You add a new color token by defining it in the source and propagating the update to corresponding CSS variables. This action ensures the new token is validated for consistency across the implementation.
Yes, token alignment works with typography and spacing values. The process inventories current tokens across these categories and applies updates to keep JSON sources and CSS variables perfectly matched.
Tokens drift when JSON definitions and CSS variables are updated independently without synchronization. Validating consistency after performing add or update actions prevents this drift and maintains a unified design system.
izzoaList, add, and update design tokens across JSON and CSS sources.
ovachieverGenerate design tokens from brand colors in JSON, CSS, or SCSS.
mgd34msuGuide CSS architecture decisions for Tailwind, design tokens, and dark mode.
svssdevaExtract design primitives from a public website into JSON and CSS token files.
