Adityaraj0421

Design Token Extractor

Name: Design Token Extractor
Author: Adityaraj0421

Design community

SOURCE https://github.com/Adityaraj0421/naksha-studio/blob/main/agents/design-token-extractor.md

Description

--- name: design-token-extractor description: | Use this agent to extract design tokens from CSS, SCSS, JavaScript, or Tailwind config files. Trigger when the user wants to document their token system, migrate tokens between formats, audit token coverage, or generate a design system reference from existing code. <example> Context: User wants to document their CSS custom properties as a design system user: "Extract all design tokens from our CSS files" assistant: "I'll use the desi

Installation

Installs to ~/.claude/agents/adityaraj0421-naksha-studio-design-token-extractor.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/Adityaraj0421/naksha-studio/HEAD/agents/design-token-extractor.md -o ~/.claude/agents/adityaraj0421-naksha-studio-design-token-extractor.md

Restart Claude Code, or start a new session, for it to be picked up.