cc-coui-sync

CoUI 디자인 시스템의 Figma↔코드 동기화 — 캔버스 드리프트 감지(/absorb), 플러그인이 그리는 코드의 출처 측정(/status), 디자이너 결정의 코드 흡수 전 과정(/absorb-apply)

CoUI 디자인 시스템의 Figma↔코드 동기화 플러그인 — 디자이너가 캔버스에서 확정한 것을 코드로 흡수하고, 그 흡수가 실제로 캔버스에 도달했는지 잰다.

Commands#

이름	설명
/cc-coui-sync:absorb — 디자이너가 무엇을 바꿨는지 먼저 안다	디자이너가 플러그인으로 내려준 Figma 구조 스냅샷을 baseline 과 차분해 이슈 하나로 보고합니다 — 페이지·컴포넌트·변형 축의 추가/삭제/rename/이동을 찾아 '사람이
/cc-coui-sync:absorb-apply — 캔버스에서 정한 것을 코드로 옮긴다	디자이너가 캔버스에서 확정한 결정을 코드로 옮기는 전 과정을 끝까지 몹니다 — 실측 survey, Core 계약 반영, 양 플랫폼 구현, export 재생성, 빌더·rename 표
/cc-coui-sync:status — 캔버스는 지금 어느 코드를 그리고 있나	Figma 플러그인이 지금 그리는 것이 어느 코드인지를 8행 표로 답합니다 — 번들에 구워진 소스 해시와 작업 트리·main 을 대조하고, components.json 신선도·ma

이름	설명
생성 컴포넌트 업데이트 — 실제 크기 추종까지 확인한다	CoUI 컴포넌트의 슬롯·레이아웃·기본값·빌더를 갱신할 때, 그리고 기존 라이브러리를

플러그인	설명
cc-blueprint	피그마 디자인·화면 개발 워크플로우 — CoUI Figma 라이브러리로 페이지 저작(/design), 프레젠테이션 온리 화면 개발 + 위젯북(/build), Figma↔Widget
cc-coui	CoUI 컴포넌트 라이브러리 (크로스플랫폼 컴포넌트 128종) + 조합/확장 가이드
cc-designer	디자인 실무 레퍼런스 + 의사결정 스킬 (UI 디자인, 인터랙션 디자인, 정보 구조, 디자인 시스템, 디자인 옵스, 비주얼 크리틱). owl-listener/designer-ski
cc-pixel-loop	Figma + Marionette + Dart MCP를 활용한 픽셀 퍼펙트 Flutter UI 에이전틱 루프 (Read → Write → Reload → Capture → Comp

curl -fsSL https://skills.cocode.im/install.sh | bash -s -- --plugin cc-coui-sync