How do I install the Design Tokens skill?

Run npx skillmds@latest add aaryan1524/design-tokens in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Design Tokens safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: reads secrets. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Design Tokens?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Design Tokens free to use?

Yes. Installing skills from SkillMD is free. This skill is licensed under Complete terms in LICENSE.

Who published Design Tokens?

Aaryan1524 (@aaryan1524) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Design Tokens by aaryan1524 — Agent Skill

Name: Design Tokens
Rating: 4.2 (5 reviews)
Author: Aaryan1524

Design Tokens

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

Aaryan1524 Updated Sep 22, 2026

File contents

Theme Factory Skill

This skill provides a curated collection of professional font and color themes themes, each with carefully selected color palettes and font pairings. Once a theme is chosen, it can be applied to any artifact.

Purpose

To apply consistent, professional styling to presentation slide decks, use this skill. Each theme includes:

A cohesive color palette with hex codes
Complementary font pairings for headers and body text
A distinct visual identity suitable for different contexts and audiences

Usage Instructions

To apply styling to a slide deck or other artifact:

Show the theme showcase: Display the theme-showcase.pdf file to allow users to see all available themes visually. Do not make any modifications to it; simply show the file for viewing.
Ask for their choice: Ask which theme to apply to the deck
Wait for selection: Get explicit confirmation about the chosen theme
Apply the theme: Once a theme has been chosen, apply the selected theme's colors and fonts to the deck/artifact

Themes Available

The following 10 themes are available, each showcased in theme-showcase.pdf:

Ocean Depths - Professional and calming maritime theme
Sunset Boulevard - Warm and vibrant sunset colors
Forest Canopy - Natural and grounded earth tones
Modern Minimalist - Clean and contemporary grayscale
Golden Hour - Rich and warm autumnal palette
Arctic Frost - Cool and crisp winter-inspired theme
Desert Rose - Soft and sophisticated dusty tones
Tech Innovation - Bold and modern tech aesthetic
Botanical Garden - Fresh and organic garden colors
Midnight Galaxy - Dramatic and cosmic deep tones

Theme Details

Each theme is defined in the themes/ directory with complete specifications including:

Cohesive color palette with hex codes
Complementary font pairings for headers and body text
Distinct visual identity suitable for different contexts and audiences

Application Process

After a preferred theme is selected:

Read the corresponding theme file from the themes/ directory
Apply the specified colors and fonts consistently throughout the deck
Ensure proper contrast and readability
Maintain the theme's visual identity across all slides

Create your Own Theme

To handle cases where none of the existing themes work for an artifact, create a custom theme. Based on provided inputs, generate a new theme similar to the ones above. Give the theme a similar name describing what the font/color combinations represent. Use any basic description provided to choose appropriate colors/fonts. After generating the theme, show it for review and verification. Following that, apply the theme as described above.

Scope clarification

This skill styles artifacts such as landing pages, documents, and decks. It is not a substitute for an application design-token system; for a product UI, first establish semantic tokens, accessibility contrast, component states, and responsive behavior.

---name: design-tokensdescription: Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.license: Complete terms in LICENSE.txt---# Theme Factory SkillThis skill provides a curated collection of professional font and color themes themes, each with carefully selected color palettes and font pairings. Once a theme is chosen, it can be applied to any artifact.## PurposeTo apply consistent, professional styling to presentation slide decks, use this skill. Each theme includes:- A cohesive color palette with hex codes- Complementary font pairings for headers and body text- A distinct visual identity suitable for different contexts and audiences## Usage InstructionsTo apply styling to a slide deck or other artifact:1. **Show the theme showcase**: Display the `theme-showcase.pdf` file to allow users to see all available themes visually. Do not make any modifications to it; simply show the file for viewing.2. **Ask for their choice**: Ask which theme to apply to the deck3. **Wait for selection**: Get explicit confirmation about the chosen theme4. **Apply the theme**: Once a theme has been chosen, apply the selected theme's colors and fonts to the deck/artifact## Themes AvailableThe following 10 themes are available, each showcased in `theme-showcase.pdf`:1. **Ocean Depths** - Professional and calming maritime theme2. **Sunset Boulevard** - Warm and vibrant sunset colors3. **Forest Canopy** - Natural and grounded earth tones4. **Modern Minimalist** - Clean and contemporary grayscale5. **Golden Hour** - Rich and warm autumnal palette6. **Arctic Frost** - Cool and crisp winter-inspired theme7. **Desert Rose** - Soft and sophisticated dusty tones8. **Tech Innovation** - Bold and modern tech aesthetic9. **Botanical Garden** - Fresh and organic garden colors10. **Midnight Galaxy** - Dramatic and cosmic deep tones## Theme DetailsEach theme is defined in the `themes/` directory with complete specifications including:- Cohesive color palette with hex codes- Complementary font pairings for headers and body text- Distinct visual identity suitable for different contexts and audiences## Application ProcessAfter a preferred theme is selected:1. Read the corresponding theme file from the `themes/` directory2. Apply the specified colors and fonts consistently throughout the deck3. Ensure proper contrast and readability4. Maintain the theme's visual identity across all slides## Create your Own ThemeTo handle cases where none of the existing themes work for an artifact, create a custom theme. Based on provided inputs, generate a new theme similar to the ones above. Give the theme a similar name describing what the font/color combinations represent. Use any basic description provided to choose appropriate colors/fonts. After generating the theme, show it for review and verification. Following that, apply the theme as described above.## Scope clarificationThis skill styles artifacts such as landing pages, documents, and decks. It is not a substitute for an application design-token system; for a product UI, first establish semantic tokens, accessibility contrast, component states, and responsive behavior.

Frequently asked questions