Derive and apply design themes from a base token file with per-brand JSON overrides.
npx skills add https://github.com/bRRRITSCOLD/compainy --skill design-theming
Please help me install this Agent Skill. Skill: design-theming Source: https://github.com/bRRRITSCOLD/compainy/tree/main/skills/design-theming Command: npx skills add https://github.com/bRRRITSCOLD/compainy --skill design-theming
This Skill addresses the need for creating and managing custom design themes within a design system, allowing for consistent branding and user experience customization.
Invoke the design-theming skill by saying "create a theme" or "apply a color palette to the design system".
High-intent search queries and answers about installing and using this skill.
To create custom design themes for a multi-brand design system, use this Skill to derive and apply themes from a base system, generating per-brand token JSON files to achieve unique branding without duplicating the core system. It supports both multi-brand and white-label customization.
Yes, a pre-existing base token file is required to generate white-label variants. The Skill uses this base file as the foundation, allowing you to override semantic token sets with per-brand token JSON files for specific brand customization.
The best way to override semantic token sets for different brands is by creating per-brand token JSON files. This approach allows you to apply unique branding and color palettes to the design system without duplicating the base design tokens.
Yes, you can apply a color palette to an existing design system without duplicating tokens by overriding semantic token sets. The Skill manages the derivation from the base design system, ensuring consistent branding across all platforms.
You need per-brand token JSON files when managing a company with multiple brands that require distinct branding themes. This allows you to maintain a unified design system while applying unique white-label or multi-brand customizations.
theodrosyimerSynchronize design tokens between Figma and local DTCG JSON files.
mitchellvandusen-cellEnforce brand consistency and design standards across UI components.
landim32Automate design-token organization and slide-template generation for design systems.
Prathmesh2000Standardize color, spacing, typography, and component tokens for multi-brand design systems.
