---
title: Skill
description: SEED Design 통합 가이드. 프로젝트 셋업, 컴포넌트 탐색/사용, 파운데이션(색상·타이포·스페이싱) 활용, 테마/스타일링, CLI 워크플로우(init/add/add-all/compat/docs/upgrade), 스니펫 버전 호환성, 업그레이드 진단까지 커버.
---

## Installation

`seed-design` 스킬을 설치하려면 다음 명령어를 사용하세요.

```package-install
npx skills add https://github.com/daangn/seed-design --skill seed-design
```

## File Structure

<Files>
  <Folder name="seed-design" defaultOpen>
    <File name="SKILL.md" />
    <Folder name="references" defaultOpen>
      <File name="getting-started.md" />
      <File name="components.md" />
      <File name="foundation.md" />
      <File name="usage.md" />
      <File name="migration.md" />
      <File name="upgrade.md" />
    </Folder>
  </Folder>
</Files>

## SKILL.md

```json doc-gen:file
{
  "file": "../skills/seed-design/SKILL.md",
  "codeblock": true
}
```

## References

### getting-started.md

```json doc-gen:file
{
  "file": "../skills/seed-design/references/getting-started.md",
  "codeblock": true
}
```

### components.md

```json doc-gen:file
{
  "file": "../skills/seed-design/references/components.md",
  "codeblock": true
}
```

### foundation.md

```json doc-gen:file
{
  "file": "../skills/seed-design/references/foundation.md",
  "codeblock": true
}
```

### usage.md

```json doc-gen:file
{
  "file": "../skills/seed-design/references/usage.md",
  "codeblock": true
}
```

### migration.md

```json doc-gen:file
{
  "file": "../skills/seed-design/references/migration.md",
  "codeblock": true
}
```

### upgrade.md

```json doc-gen:file
{
  "file": "../skills/seed-design/references/upgrade.md",
  "codeblock": true
}
```