hyeonseo-00

Dsys — Design skill for Claude Code

Design community

Design System Agent — 디자인 규칙 Figma를 토큰·적용규칙 문서로 만든다 (파이프라인 밖, 사람이 직접 실행).

How to install Dsys

Installs to ~/.claude/commands/hyeonseo-00-ai-planning-agent-dsys.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/hyeonseo-00/ai-planning-agent/HEAD/.claude/commands/dsys.md -o ~/.claude/commands/hyeonseo-00-ai-planning-agent-dsys.md

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

What Dsys does

description: Design System Agent — 디자인 규칙 Figma를 토큰·적용규칙 문서로 만든다 (파이프라인 밖, 사람이 직접 실행) argument-hint: "{번호}"

`.claude/CLAUDE.md` → `.claude/agents/design-system-agent.md`를 읽고 그 사고 순서를 따른다.

DB collection://에서 $ARGUMENTS(번호) 조회. 입력물에서 소스 node 목록을 뽑는다 (여러 개 가능).
처리 순서: 토큰 먼저 → 컴포넌트 나중.
- 토큰/Variables node (예: 21-10808) → get_metadata + get_variable_defs → rules/design-system.md
- 적용 규칙/컴포넌트 node (예: 48-5413) → get_metadata (텍스트 레이어 파

Alternatives in Design

Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★