white-label-systems
CommunitySwitch brands instantly with tenant theming.
Software Engineering#css custom properties#white label#multi-tenant theming#dynamic theme loading#logo swapping#dark mode per tenant
Authorandersoncollab
Version1.0.0
Installs0
System Documentation
What problem does it solve?
White-labeling becomes unmanageable when each new client requires code changes for colors, logos, and typography, slowing launches and increasing maintenance risk.
Core Features & Use Cases
- Multi-tenant theme architecture: Separates an immutable base design system from a tenant-specific brand layer using CSS custom properties.
- Dynamic tenant theme loading: Fetches and validates tenant theme configs at runtime, applies tokens to
:root/tenant attributes, and caches themes to reduce repeated API calls. - Component-wide variable theming: Ensures every UI component consumes tokens via CSS variables so branding updates require zero component rewrites.
Quick Start
Use the white-label-systems skill to design a single codebase theming approach by defining a tenant theme schema, implementing runtime theme loading with validation, and applying CSS variables so the same components render each tenant’s brand.
Dependency Matrix
Required Modules
None requiredComponents
references
đŸ’» 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: white-label-systems Download link: https://github.com/andersoncollab/design-agent/archive/main.zip#white-label-systems 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.