Communitygithub.com

ArtiomB5/design-md-toolkit

오픈코드 디자인 시스템 툴킷: design-md-wizard 에이전트, /design-md-init 명령어, design-md-apply 스킬을 포함한 통합 확장 세트로, 설문, 코드베이스 또는 Figma 토큰으로부터 DESIGN.md를 생성, 검증 및 강제 적용하며, 디자인 시스템 참조를 AGENTS.md와 CLAUDE.md에 자동 동기화하여 일관되고 브랜드에 맞는 UI 생성을 지원합니다.

design-md-toolkit란 무엇인가요?

이 스킬은 OpenCode 디자인 시스템 툴킷으로, Claude Code, Cursor, Codex와 같은 AI 에이전트 환경에서 디자인 시스템을 관리하고 적용하기 위한 세 가지 주요 기능을 제공합니다. 첫째, 'design-md-wizard' 에이전트는 설문, 기존 코드베이스, 또는 Figma 토큰을 분석하여 표준화된 DESIGN.md 파일을 자동 생성합니다. 둘째, '/design-md-init' 명령어로 새로운 프로젝트에 디자인 시스템 템플릿을 빠르게 초기화할 수 있습니다. 셋째, 'design-md-apply' 스킬은 생성된 DESIGN.md를 기반으로 디자인 규칙을 검증하고, 이를 AGENTS.md와 CLAUDE.md에 자동 동기화하여 AI가 일관된 UI를 생성하도록 유도합니다. 이를 통해 개발 팀은 브랜드 일관성을 유지하고 디자인-개발 간 격차를 줄일 수 있습니다.

지원 대상✓Claude Code~Codex CLI~Cursor✓OpenCode
npx skills add ArtiomB5/design-md-toolkit

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

design-md-toolkit은(는) 무엇을 하나요?

OpenCode 디자인 시스템 툴킷: design-md-wizard 에이전트, /design-md-init 명령어, design-md-apply 스킬 — 설문, 코드베이스 또는 Figma 토큰으로부터 DESIGN.md를 생성, 검증 및 강제 적용하고, 디자인 시스템 참조를 AGENTS.md와 CLAUDE.md에 자동 동기화하여 일관되고 브랜드에 맞는 UI 생성을 지원하는 통합 확장 세트입니다.

관련 스킬