theming-with-tokens
CommunityToken-based theming that unifies StickerNest.
AuthorNymfarious
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Inconsistent theming across StickerNest components and widgets due to scattered styles and a lack of a centralized design system.
Core Features & Use Cases
- Token-driven design system: Centralized CSS variables (tokens) that govern colors, typography, spacing, and widget styling to ensure visual consistency.
- Theme definitions and overrides: Multiple themes (Default, Cyberpunk, Cozy) with the ability to override tokens on a per-canvas basis for flexible branding.
- Host-widget theming: Tokens can be shared from the host app to embedded widgets, enabling cohesive styling across the ecosystem.
- Developer-friendly tooling: Theme store, provider, and utilities to apply and inspect tokens across the app.
Quick Start
Install the ThemeProvider at the app root and switch themes to see live token updates.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: theming-with-tokens Download link: https://github.com/Nymfarious/StickerNestV3/archive/main.zip#theming-with-tokens 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 223,000+ vetted skills library on demand.