New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Audit Design Tokens

by telerik in telerik/kendo-themes

Audit and report on design token usage (color, spacing, typography, elevation, border-radius) across SCSS packages.

No licenceAuto-check passedFrontend & Design

Install Audit Design Tokens

skills CLI
$ npx skills add telerik/kendo-themes --skill audit-design-tokens -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install telerik/kendo-themes audit-design-tokens --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/telerik/kendo-themes.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.github/skills/audit-design-tokens .claude/skills/audit-design-tokens && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
audit-design-tokens
GitHub stars
158
Token cost
~1.8k tokens
SKILL.md length
616 words
Files
3 (incl. scripts, references)
Skills in repo
11
Repo updated
First seen
Licence
None found

At a glance

Audit and report on design token usage (color, spacing, typography, elevation, border-radius) across SCSS packages.

  • Works in 5 steps: Run the audit script → Interpret the output → Classify violations → …
  • The user wants to find hardcoded colors
  • SKILL.md covers When to use, Design Token System Reference, Inputs and Procedure, plus 1 more section
  • Runs Shell scripts from its folder; calls bash

What it does

Audit Design Tokens is an agent skill from telerik/kendo-themes. Audit and report on design token usage (color, spacing, typography, elevation, border-radius) across SCSS packages. Scans for hardcoded values (hex colors, raw px/rem, font stacks, literal box-shadows) that should use design token functions like k-spacing(), k-color(), k-elevation(), k-border-radius(), or $kendo- variables. Use this skill when the user wants to find hardcoded colors, audit spacing tokens, check typography consistency, or enforce token usage.

Its SKILL.md is about 1.8k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including scripts and reference files (for example `references/token-reference.md` and `scripts/audit.sh`). Compatibility notes: Requires bash, grep, awk, sed (macOS or Linux)

It sits in Frontend & Design, covering Design tokens, CSS and styling and Typography. The repository describes itself as: Monorepo for SASS-based Kendo UI themes.

When your agent uses it

  • The user wants to find hardcoded colors
  • Audit spacing tokens
  • Check typography consistency
  • Enforce token usage

Example prompts

  • “/audit-design-tokens”

Requirements

  • A Bash shell
  • Compatibility (from SKILL.md): Requires bash, grep, awk, sed (macOS or Linux)

Workflow steps

5 steps, taken from the step headings in SKILL.md.

  1. Run the audit script
  2. Interpret the output
  3. Classify violations
  4. Present findings
  5. Suggest fixes

What it can do on your machine

Read from SKILL.md and the folder at commit 00ae7da. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 1 file in scripts/ (Shell), which the agent can run.

    Shell commands in SKILL.md call:

    • bash

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

  • Compatibility

    Requires bash, grep, awk, sed (macOS or Linux)

    From compatibility in the SKILL.md frontmatter.

Context cost

Audit Design Tokens loads about 1.8k tokens when it runs, and up to ~2.7k if it reads all its reference files. Until then it costs about 121 tokens; SKILL.md has 616 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~121
When it runs · the whole SKILL.md, loaded when a task matches
~1.8k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~2.7k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 616 words (~1,793 tokens).

“Scan SCSS files for hardcoded values that should use the design token system.”

— opening of SKILL.md by telerik
name
audit-design-tokens
compatibility
Requires bash, grep, awk, sed (macOS or Linux)
argument-hint
[component-or-package] [--category color|spacing|typography|elevation|border-radius]
metadata.internal
true

Read the full SKILL.md on GitHub

Files

SKILL.md and 2 other files (scripts, references) in .github/skills/audit-design-tokens of telerik/kendo-themes.

  • SKILL.md
  • references/token-reference.md
  • scripts/audit.sh

Open the folder on GitHubat commit 00ae7da

Compare with similar skills

Audit Design Tokens next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Audit Design Tokens compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Audit Design Tokens this skilltelerik/kendo-themes158—~1.8kAutomated safety check: PassNone
Tailwind V4 Shadcnever-works/ever-works1622 repos~3.8kAutomated safety check: PassMIT
Using Ouds Web Version Major MinorOrange-OpenSource/Orange-Boosted-Bootstrap222—~4.2kAutomated safety check: PassMIT
Design Token Generatordylanfeltus/skills179—~2.9kAutomated safety check: PassMIT
Glycemicgpt UI Foundationlumose-health/GlycemicGPT141—~707Automated safety check: PassGPL-3.0
Frontend UI Foundryjiushiwon/wg-skills114—~1.4kAutomated safety check: PassApache-2.0

Similar skills

  • Tailwind V4 Shadcn

    ever-works/ever-works

    Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.

    162 GitHub starsUsed in 2 repos~3.8k tokens
    Frontend & DesignAuto-check passed

  • Using Ouds Web Version Major Minor

    Orange-OpenSource/Orange-Boosted-Bootstrap

    Provides comprehensive knowledge of the OUDS Web library (Orange Unified Design System for Web), a Bootstrap-based CSS/JS framework for building Orange-branded web interfaces.

    222 GitHub stars~4.2k tokensUpdated yesterday
    Frontend & DesignAuto-check passed

  • Design Token Generator

    dylanfeltus/skills

    Generates type scales, color palettes, spacing systems, WCAG contrast checks and dark mode palettes from formulas, as CSS custom properties, a Tailwind config or JSON tokens.

    179 GitHub stars~2.9k tokensUpdated 23 days ago
    Frontend & DesignAuto-check passed

  • Glycemicgpt UI Foundation

    lumose-health/GlycemicGPT

    A skill your agent uses when adding or changing GlycemicGPT web UI structure, shared styling, Tailwind classes, semantic theme tokens, typography, base primitives, product UI components, TextInput…

    141 GitHub stars~707 tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed

  • Frontend UI Foundry

    jiushiwon/wg-skills

    A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting…

    114 GitHub stars~1.4k tokensUpdated 4 days ago
    Frontend & DesignAuto-check passed

  • Persian Rtl UI

    TronIsHere/vibefarsiui

    Build right-to-left Persian (Farsi) UI in React and Tailwind the way an Iranian product team would: logical CSS only, Persian fonts without letter-spacing, Persian digits and «تومان», Jalali dates…

    212 GitHub stars~1.7k tokensUpdated yesterday
    Frontend & DesignAuto-check: warnings

More from telerik/kendo-themes

All 11 skills in this repo

  • Kendo Themes

    telerik/kendo-themes

    DEPRECATED — moved to the kendo-design plugin in telerik/ai-plugins (https://github.com/telerik/ai-plugins).

    158 GitHub stars~2.7k tokensUpdated yesterday
    Auto-check passed

  • Manage Components

    telerik/kendo-themes

    Create or update a Kendo UI component across kendo-themes packages.

    158 GitHub stars~2.3k tokensUpdated yesterday
    Auto-check passed

  • Manage HTML A11y

    telerik/kendo-themes

    Create or update ARIA accessibility annotations and validate WCAG compliance for a Kendo UI component.

    158 GitHub stars~2k tokensUpdated yesterday
    Auto-check passed

  • Manage HTML Specs

    telerik/kendo-themes

    Create or update an HTML component specification (.spec.tsx) in the HTML package.

    158 GitHub stars~2.4k tokensUpdated yesterday
    Auto-check passed

  • Manage HTML Templates

    telerik/kendo-themes

    Create or update reusable HTML templates for a Kendo UI component in the HTML package.

    158 GitHub stars~1.8k tokensUpdated yesterday
    Auto-check passed

  • Manage HTML Tests

    telerik/kendo-themes

    Create or update visual test scenarios for a Kendo UI component in the HTML package.

    158 GitHub stars~1.8k tokensUpdated yesterday
    Auto-check passed

Categories

Questions about Audit Design Tokens

What does Audit Design Tokens do?

Audit and report on design token usage (color, spacing, typography, elevation, border-radius) across SCSS packages. Audit Design Tokens is an agent skill from telerik/kendo-themes. Audit and report on design token usage (color, spacing, typography, elevation, border-radius) across SCSS packages.

When should I use Audit Design Tokens?

Audit Design Tokens fits situations like: the user wants to find hardcoded colors; audit spacing tokens; check typography consistency; enforce token usage.

How do I install Audit Design Tokens in Claude Code?

Run `npx skills add telerik/kendo-themes --skill audit-design-tokens -a claude-code`. Or copy the skill folder (.github/skills/audit-design-tokens in telerik/kendo-themes) into .claude/skills/audit-design-tokens in your project. Claude Code loads it when a task matches its description.

How do I install Audit Design Tokens in Codex?

Run `npx skills add telerik/kendo-themes --skill audit-design-tokens -a codex`. Or copy the skill folder (.github/skills/audit-design-tokens in telerik/kendo-themes) into .agents/skills/audit-design-tokens in your project. Codex loads it when a task matches its description.

Can I use Audit Design Tokens in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add telerik/kendo-themes --skill audit-design-tokens -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/audit-design-tokens, .gemini/skills/audit-design-tokens, .github/skills/audit-design-tokens and .opencode/skills/audit-design-tokens in your project.

What does Audit Design Tokens need to run?

Going by SKILL.md and its folder, Audit Design Tokens needs a shell for the scripts in its folder and the command-line tools its instructions call (bash). Our summary lists: A Bash shell. Compatibility (from SKILL.md): Requires bash, grep, awk, sed (macOS or Linux).

Does Audit Design Tokens access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Audit Design Tokens safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Audit Design Tokens use?

No licence was found for Audit Design Tokens or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Audit Design Tokens use?

About 1.8k tokens (SKILL.md is roughly 7.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 894 tokens, read only when the agent opens those files.

What are the alternatives to Audit Design Tokens?

Skills that share tags, products or a category with Audit Design Tokens: Tailwind V4 Shadcn (ever-works/ever-works, 162 stars), Using Ouds Web Version Major Minor (Orange-OpenSource/Orange-Boosted-Bootstrap, 222 stars), Design Token Generator (dylanfeltus/skills, 179 stars) and Glycemicgpt UI Foundation (lumose-health/GlycemicGPT, 141 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Audit Design Tokens?

telerik (a GitHub organization) maintains it in telerik/kendo-themes, which has 158 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on October 9, 2026.

Source: telerik/kendo-themes on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.