Skill：ko design md
한국 브랜드의 디자인 언어를 출처가 달린 DESIGN.md 한 장으로 정리한 오픈 카탈로그 — Open catalog of Korean brands' design languages, one cited DESIGN.md per brand.
适用场景
招聘人事
适合角色
介绍
以下内容整理自开源仓库 `CaesiumY/ko-design-md` 的 README / SKILL.md 摘要：
<div align="center">
<a href="https://getdesign.kr">
<img src="./docs/catalog-home.png" alt="ko-design-md — 한국 서비스의 시그니처 디자인을 LLM 컨텍스트로" width="100%">
</a>
# ko-design-md
**한국 브랜드의 디자인 언어를, 출처가 달린 DESIGN.md 한 장으로**
[](./LICENSE)
[](./LICENSE-CONTENT)
[](https://github.com/CaesiumY/ko-design-md/actions/workflows/ci.yml)
[](https://github.com/CaesiumY/ko-design-md/stargazers)
[](https://github.com/CaesiumY/ko-design-md/commits/main)
**🔗 라이브 카탈로그 → [getdesign.kr](https://getdesign.kr)**
</div>
---
## ko-design-md란?
LLM이나 코딩 에이전트에 "토스처럼 만들어 줘"라고 하면 결과가 매번 다르고, 그 브랜드답게 나오지도 않습니다. 브랜드가 공개한 디자인 자료는 여기저기 흩어져 있고 형식도 제각각이라 컨텍스트로 그대로 넣기 어렵습니다.
ko-design-md는 한국 브랜드의 디자인 언어(색·타이포그래피·간격·컴포넌트·원칙)를 브랜드당 **DESIGN.md** 한 장으로 정리한 오픈 카탈로그입니다. 모든 항목이 같은 형식이라 사람은 나란히 비교하며 읽고, 에이전트는 받아서 그대로 씁니다. 어떤 브랜드가 실려 있는지는 [getdesign.kr](https://getdesign.kr)에서 볼 수 있습니다.
## 바로 쓰기
### 1. 사이트에서 복사하기
[getdesign.kr](https://getdesign.kr)에서 브랜드를 고르고, 상세 페이지의 **DESIGN.md 전체 복사** 버튼을 누르거나 파일로 내려받아 쓰고 있는 채팅·IDE에 붙여넣습니다. 가입도 설치도 필요 없습니다.
### 2. 코딩 에이전트에 스킬로 붙이기 — `use-design-md`
[`use-design-md` 스킬](./.claude/skills/use-design-md/SKILL.md)은 브랜드명만 받아 카탈로그에서 해당 DESIGN.md를 찾아 오고, **지금 작업 중인 프로젝트**의 UI에 그 디자인 언어를 입힙니다. 카탈로그를 읽기만 하므로 어느 저장소에서든 동작합니다(새 항목을 만드는 `/design-md` 스킬과는 반대 역할입니다).
**모든 에이전트 (Claude Code·Cursor·Codex·Gemini 등) — [skills.sh](https://skills.sh)**
```bash
npx skills add CaesiumY/ko-design-md # use-design-md 스킬 설치
npx skills add CaesiumY/ko-design-md --list # 포함 스킬 확인
```
→ 설치 후 호출: `/use-design-md`
**Claude Code 플러그인 마켓플레이스 (공식 채널)**
```text
/plugin marketplace add CaesiumY/ko-design-md
/plugin install ko-design-md@ko-design-md
```
→ 설치 후 호출: `/ko-design-md:use-design-md`
설치하고 나면 한 줄이면 됩니다.
```text
토스 디자인으로 이 대시보드 다시 꾸며줘
```
스킬은 아래 3번의 카탈로그 색인으로 브랜드를 찾고, 항목별 DESIGN.md를 평문으로 받아 적용합니다. skills.sh를 쓰지 않는 도구라면 [`.claude/skills/use-design-md/`](./.claude/skills/use-design-md/) 디렉터리를 그 도구의 스킬 경로로 복사하세요.
### 3. 주소로 직접 가져가기
도구나 스크립트가 읽는 주소입니다. 모두 `https://getdesign.kr` 아래에 있고, `{slug}`는 상세 페이지 URL의 마지막 부분입니다.
| 주소 | 내용 |
|------|------|
| `/llms.txt` | 카탈로그 색인 — 모든 항목을 한 줄씩 |
| `/services/{slug}/llms.txt` | 항목의 DESIGN.md 그대로 (인용·References·메타데이터 포함) |
| `/services/{slug}/DESIGN.md` | 같은 문서를 [DESIGN.md 명세](https://github.com/google-labs-code/design.md)의 파일명으로 — 항목 파일이 곧 명세 문서라 변환하지 않음 |
| `/.well-known/agent-skills/index.json` | 소비자 스킬 색인 |
---
**说明**：内容由公开仓库整理，使用前请自行核对是否适合你的场景。
安装方式
1. 打开仓库：https://github.com/CaesiumY/ko-design-md 2. 查找 SKILL.md 或 README 中的安装章节 3. 克隆或下载所需 Skill 子目录到本地 skills 路径（如 `.cursor/skills/` 或 `.claude/skills/`） 4. 重启 / 重载 Agent 客户端 5. 用一条真实任务验证 Skill 是否被正确加载
适用平台
- Cursor
- Claude
- Codex