내 디자인 시스템
PDS 는 이 사이트에 기본으로 들어 있는 예시입니다. 같은 형식(DESIGN.md)으로 여러분의 디자인 시스템을 올리면 비주얼 가이드 페이지가 생기고, AI 가 MCP 로 토큰·컴포넌트·조합 규칙을 그대로 가져다 씁니다.
- DESIGN.md 작성 — 토큰·컴포넌트·조합 규칙을 한 파일에 적습니다. 샘플 DESIGN.md 내려받기 후 이름과 값만 바꾸면 됩니다. 형식 전체는 저장소의
docs/design-md-spec.md. - 올리기 — 검증을 통과하면 즉시 발행돼 아래 목록과 가이드 페이지에 바로 나타납니다.
- AI 연결 — AI 에게 MCP 로 연결해 두면 “디자인 시스템으로 만들어줘” 한 마디가 그 규칙대로 동작합니다.
올라온 디자인 시스템
Aurora Design System
PDS 동봉 샘플 디자인 시스템 — 업로드·가이드·MCP 도구 흐름을 바로 체험할 수 있습니다.
Polaris Design System기본 동봉
폴라리스오피스 제품군의 단일 디자인 기준. 컴포넌트 구현은 npm 패키지로 제공됩니다.
내 DESIGN.md 올리기
DESIGN.md 를 여기에 놓으세요검증을 통과하면 바로 발행돼요. getdesign.md 계열
DESIGN.md 도 그대로 올릴 수 있어요.AI 연결
이 서버의 MCP 주소는 http://pds.polarisoffice.com/api/mcp 하나입니다. 쓰는 도구의 명령을 복사해 터미널에 붙여 넣으면 연결됩니다. 플러그인으로 설치하면 조합 규칙(스킬)까지 같이 들어가 “디자인 시스템으로 만들어줘”가 규칙대로 동작합니다.
Claude Code 플러그인 도구 + 규칙
Claude Code 안에서 두 줄을 차례로 입력합니다. <이 폴더 경로> 는 이 킷을 받은 위치예요. 설치 후 재시작하면 바로 동작합니다.
/plugin marketplace add <이 폴더 경로>/plugin /plugin install design-md@PDS
Claude Code, MCP 만 도구만
플러그인 없이 조회 도구 3개만 붙입니다. 터미널에서 한 번 실행하면 끝.
claude mcp add --transport http design-md http://pds.polarisoffice.com/api/mcp
Codex 플러그인 도구 + 규칙
Codex 앱에서 플러그인 → 우측 상단 + → 마켓플레이스 추가, 출처(Source) 칸에 아래 경로를 넣고 추가한 뒤 personal 탭 → design-md 를 추가합니다. 설치 후 Codex 를 완전히 종료했다가 다시 실행하세요.
<이 폴더 경로>/plugin
연결되면 AI 가 list_design_components 로 목록을 보고 get_design_component 로 필요한 것만 가져갑니다. 서버 포트를 바꾸거나 다른 PC 에서 접속하면 위 주소와 plugin/plugins/design-md/.mcp.json, 환경변수 DESIGN_KIT_ALLOWED_HOSTS(예: 192.168.0.10:3100)도 같이 바꿔 주세요.