gutomec

Apply Ds — Design skill for Claude Code

Design community

Aplica um design system salvo (de design-systems/ /) a um build - gera tokens.css/Tailwind e o ativa como tokens correntes.

How to install Apply Ds

Installs to ~/.claude/commands/gutomec-agents-guru-apply-ds.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/gutomec/agents-guru/HEAD/.claude/commands/apply-ds.md -o ~/.claude/commands/gutomec-agents-guru-apply-ds.md

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

What Apply Ds does

description: Aplica um design system salvo (de design-systems//) a um build - gera tokens.css/Tailwind e o ativa como tokens correntes. argument-hint: [name] [--tailwind] allowed-tools: Bash, Read, Write, Glob, Agent

Aplique o design system: $ARGUMENTS

Padrão: se nenhum `name` for dado, use `default` (a marca Graphite).

Passos:

Resolva name (default = default). Confirme que design-systems//design-tokens.json existe; se não, liste os disponíveis em `design-systems/

Alternatives in Design

Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
Extract Skill — Reverse-engineer design systems, tokens, and components from live products or screenshots 2.8k ★