오픈 소스. 새로운 가능성.

drawio-skill은 자연어, 코드, Terraform/K8s, SQL, OpenAPI, AsyncAPI, Protobuf, GraphQL을 편집 가능한 테스트된 draw.io 아키텍처 다이어그램으로 변환하는 Agent Skills 호환 스킬입니다. 증분 동기화, 다중 뷰 투영, 드리프트 차이, CI 아키텍처 테스트, 대화형 HTML/PPTX/Mermaid 내보내기를 지원합니다.

39가지 에디토리얼 다이어그램 유형을 자체 포함 HTML+SVG로 제공하는 도구로, Claude Code, Codex 등 AI 코딩 어시스턴트용 스킬/플러그인입니다. 브랜드 매칭, 접근성 지원, 빌드 단계 불필요, draw.io/Mermaid/Excalidraw에서 가져오기 가능. 설치 및 사용법 포함.

UI UX Pro Max는 Claude Code, Cursor 등 AI 코딩 도우미와 통합되는 오픈소스 AI 스킬로, 79개 검색 가능한 UI 스타일, 192개 산업별 추론 규칙, 192개 컬러 팔레트, 74개 폰트 페어링, 22개 기술 스택에 대한 UI/UX 가이드를 제공합니다.

Better Design은 AI 코딩 에이전트에게 디자인 시스템, 시맨틱 CSS 토큰, 컴포넌트 오버라이드, UI 원칙, 아이콘 매칭 및 WCAG 기반 리뷰 규칙을 제공하는 오픈 소스 MCP 서버 및 shadcn/ui 레지스트리입니다.

brandmd는 웹사이트의 디자인 시스템을 추출하여 공식 @google/design.md 린터를 통과하는 DESIGN.md 파일을 생성하는 CLI 도구입니다. 이를 통해 Claude Code, Cursor 등 코딩 에이전트에게 UI 작성 전 브랜드 컨텍스트를 제공하며, 기본적으로 API 키 없이 로컬에서 실행됩니다.

Claude가 Figma 디자인 시스템을 감사하고 구축하는 스킬로, 읽기 전용 감사를 제공하고 빌드 모드에서 컴포넌트 생성, 슬롯 추가, tokens.css 및 AI 규칙 Export를 지원합니다.

바이트 단위까지 동일한 출력을 보장하는 macOS(Apple Silicon)용 AI 기반 결정론적 애니메이션 비디오 스튜디오입니다.

참조 이미지로부터 객체를 절차적이며 코드 기반의 Three.js 모델로 재구성하는 토큰 효율적인 파이프라인입니다.

DesignMD는 모든 URL에서 색상, 타이포그래피, 간격, 브레이크포인트, 상호작용 상태 등 라이브 디자인 시스템을 추출하여 AI 코딩 에이전트에 최적화된 DESIGN.md 파일을 출력하는 CLI 도구입니다.