tone-theme
From the author
Build or fix a theming system — dark mode, multi-brand, or white-label token swap. Use when asked to "add dark mode", "set up multi-brand theming", or "white-label the UI".
Install
npx skills add tonone-ai/tonone --skill tone-theme -a claude-code
Installs to .claude/skills/tone-theme/ · Each command fetches the skill straight from GitHub with the open skills CLI.
Download .zip
Byte-identical to the scanned commit, with the repository’s licence and a SOURCE.txt.
Want your agent to suggest skills while you type? See how to use skills from your IDE.
Safety checks on SKILL.md
No warnings.
Why 83
Security100
Provenance63
Maintenance100
Licence100
Adoption33
aiqbench computes the trust score from public signals. It is not a security audit, so read a skill before you install it.
Similar skills
Closest to this one by what they do and when they are used.
- theming-systemInfrasity-Labs/dev-gtm-claude-skillsDesign a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.Design★ 150
- tone-tokentonone-ai/tononeDesign or refactor a design token architecture — naming, tiers, and coverage. Use when asked to "design a token architecture", "fix token naming", or "refactor our tokens".Writing★ 77
- hue-tokentonone-ai/tononeAudit or refactor a design token system for color — naming, structure, and coverage. Use when asked to "refactor our color tokens", "fix color token naming", or "improve token coverage for color".Design★ 77
- form-tokenstonone-ai/tononeUse when asked to define a design token system, create tokens, document tokens, set up CSS custom properties, build a Tailwind token config, establish a spacing scale, define color semantics, or bridge design decisions to code. Examples: "set up design tokens", "define our token system", "create CSS variables for the design system", "document our color tokens", "establish a spacing scale".Design★ 77
- color-mode-and-themedembrandt/dembrandt-skillsLight, dark or both, and when a theme selector is worth it. Use when defining a base palette or deciding on dark mode support.Other★ 176
- token-mappingarla6ka/design.howUse to report how hardcoded style values on a page, file or diff map onto a project's existing design tokens, such as "are we using our tokens here", "which hardcoded colors map to which tokens", a token audit or planning a token migration. It never edits. Replacing the values is build-design-system.Design★ 218
Ratings & reviews
—
no reviews
Tried this skill? Rate it to help others. Sign in
Discussion
Join the discussion. Sign in