seed-design
SEED Design을 사용하는 프로젝트의 공식 문서·CLI 안내나 설치·업그레이드 진단이 필요할 때 사용한다.
Skill by daangn
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/daangn-seed-design
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, documentation, debugging
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/seed-design
What's inside
- Skill name
seed-design- Description
- SEED Design을 사용하는 프로젝트의 공식 문서·CLI 안내나 설치·업그레이드 진단이 필요할 때 사용한다.
- License
- Apache-2.0
- Instructions
- 146 lines in SKILL.md · view on GitHub
Files (18)
- SKILL.md
- doctor-report.schema.json · assets/
- report-template.html · assets/
- doctor-lynx.md · references/
- doctor-react.md · references/
- doctor.md · references/
- migration.md · references/
- upgrade.md · references/
- component-guidelines.md · rules/
- foundation-contract.md · rules/
- library-authors.md · rules/
- no-deprecated-component.md · rules/
- outdated-version.md · rules/
- package-compatibility.md · rules/
- project-config.md · rules/
- project-setup.md · rules/
- snippet-compatibility.md · rules/
- snippet-generation.md · rules/
SKILL.md (first lines)
# SEED Design
SEED Design의 공식 문서와 CLI를 단일 원천으로 사용합니다. 이 스킬에는 문서 내용을 복사하지 않고, **공통 디자인 지식 → 플랫폼 구현 → 플랫폼별 Doctor**로 이어지는 탐색·판정 절차만 둡니다.
## 1. 요청을 먼저 분류
프로젝트를 조사하기 전에 요청을 다음 중 하나로 분류합니다.
| 분류 | 예 | 플랫폼 판별 |
|---|---|---|
| 공통 컴포넌트 스펙·Foundations | Anatomy, Properties, Guidelines, 색상, 타이포그래피, 스페이싱 | 불필요 |
| 플랫폼 구현 | 사용법, Props, 설치, 셋업, 스니펫, 코드 작성, CLI 실행 | 필요 |
| Doctor·마이그레이션 | 사용 상태 진단, deprecated, 호환성, 업그레이드 | 필요 |
공통 스펙이나 Foundations만 묻는다면 프로젝트가 없어도 바로 공통 문서를 읽습니다. 구현 코드까지 함께 묻는다면 공통 문서를 먼저 읽은 다음, 플랫폼을 판별하고 해당 플랫폼 문서를 결합합니다.
### SEED 저장소 작업 라우팅
현재 저장소의 `package.json` 이름이 `@seed-design/project`이고 요청이 소비자 안내가 아닌 저장소 작업이면 아래 전용 스킬을 먼저 읽습니다. 이 표는 입구만 제공하며 각 절차를 이 문서에 복사하지 않습니다.
| 요청 | 사용할 스킬 |
|---|---|
| 컴포넌트 경로·API 비교·색상 토큰 조사, 구현·문서 작성 | [`seed-component`](../seed-component/SKILL.md) |
| 변경 영향·검증·기준 브랜치 계획, changeset, 명시 요청된 제출 | [`seed-change`](../seed-change/SKILL.md) |
| deprecated 표시·마이그레이션·제거 | [`seed-deprecation`](../seed-deprecation/SKILL.md) |
| PR snapshot 생성과 결과 확인 | [`seed-snapshot-release`](../seed-snapshot-release/SKILL.md) |
조회와 계획 결과만으로 파일 작성이나 제출을 시작하지 않습니다. `seed-change`의 브랜치 결과가 `unknown`이면 제출하지 않습니다.
## 2. 플랫폼 판별
플랫폼에 따라 결과가 달라지는 요청에만 아래 순서를 적용합니다.
1. **사용자가 명시한 플랫폼**: React 또는 Lynx
2. **대상 워크스페이스의 설정**: `seed-design.json.framework`
3. **대상 워크스페이스의 직접 의존성**
- React: `@seed-design/react`, `@seed-design/css`
- Lynx: `@seed-design/lynx-react`, `@seed-design/lynx-css` 또는 `@lynx-js/react`
높은 순위의 명확한 단서를 낮은 순위의 단서로 덮어쓰지 않습니다. 단, 같은 대상 안에서 설정과 의존성이 충돌한다면 설정이 낡았을 수 있으므로 사용자에게 확인합니다.
모노레포에서는 루트 `package.json`만 보지 말고 요청 대상 워크스페이스를 먼저 찾습니다. 루트 요청에서 React와 Lynx 워크스페이스가 함께 발견되거나 대상 경로가 불명확하면, 구현·설치·Doctor를 시작하기 전에 어느 워크스페이스 또는 플랫폼인지 묻습니다.
단서가 없거나 한 단계에서 여러 플랫폼이 동시에 잡혀도 사용자에게 묻습니다. **불확실한 상황에서 React를 기본값으로 사용하지 않습니다.** 이는 에이전트의 문서 라우팅 규칙이며, 기존 CLI의 공개 동작이나 `seed-design.json` 기본값을 바꾸는 규칙이 아닙니다.
플랫폼 판별 뒤에는 다음 프로젝트 정보도 필요할 때만 수집합니다.
- `seed-design.json`의 `path`와 해당 디렉토리의 `@file` 헤더 파일 → 스니펫 설치 여부
- 설치된 `@seed-design/*` 버전
- 번들러 설정 (`vite.config`, `rsbuild.config`, `webpack.config` 등)
- lock 파일로 판별한 패키지 매니저 (`bun` → `pnpm` → `yarn` → `npm`)
## 3. 공식 문서 라우팅
문서 목록과 지원 범위를 스킬에 복사하지 않습니다. 요청할 때마다 아래 인덱스를 먼저 읽고, 인덱스가 제공한 링크를 그대로 따라갑니다.
- 전체 문서 인덱스: `https://seed-design.io/llms.txt`
- React 문서 인덱스: `https://seed-design.io/react/llms.txt`
- Lynx 문서 인덱스: `https://seed-design.io/lynx/llms.txt`
한 요청 실행 안에서는 URL을 정규화한 문서 풀을 유지합니다. 전체 인덱스, 선택된 플랫폼 인덱스, 각 leaf 문서는 URL마다 한 번만 읽고 이후 단계와 룰에서 같은 내용을 재사용합니다. 리포트 `references`에 같은 URL을 반복하는 것은 출처를 보존하는 것이며 다시 읽으라는 뜻이 아닙니다. HTTP 캐시를 가정하지 않습니다.
다음 순서를 지킵니다.
1. 전체 문서 인덱스에서 공통 Components·Foundations·Patterns 또는 선택된 플랫폼의 현재 진입점을 찾습니다.
2. 플랫폼 구현 요청이면 선택된 플랫폼 인덱스를 읽고, 제목·category·설명으로 필요한 문서를 찾습니다.
3. 인덱스가 제공한 leaf URL을 열어 실제 계약을 읽습니다. 기억한 경로나 URL 조합으로 leaf 문서를 만들지 않습니다.
4. 인덱스를 정상적으로 읽었는데 관련 항목이 없으면 현재 공식 문서가 없다고 판단합니다. 인덱스 자체를 읽지 못했으면 부재로 확정하지 않습니다.
CLI의 `docs` 명령을 사용할 때도 먼저 인덱스에서 문서와 id를 확인합니다. URL 경로와 CLI id가 같다고 가정하지 말고, id를 확정할 수 없으면 인덱스의 URL을 직접 읽습니다.
### 컴포넌트 답변 순서
1. 스펙 질문이면 공통 컴포넌트 문서만 읽습니다.
2. 구현 질문이면 플랫폼을 판별하고 해당 플랫폼 문서를 읽습니다.
3. 스펙과 구현을 함께 묻는다면 공통 문서를 먼저 읽고, 판별된 플랫폼 문서를 이어서 읽습니다.
4. 공통 문서 id와 구현 문서 id가 다르면 공통 문서의 Platform 표와 선택된 플랫폼 인덱스로 실제 id를 찾습니다.
5. 선택한 플랫폼 문서나 registry 항목이 없으면 그 플랫폼의 구현·문서가 없다고 알립니다. 다른 플랫폼 문서로 대체하지 않습니다.
스니펫이 필요하면 선택한 플랫폼 registry만 사용합니다.
```text
https://seed-design.io/__registry__/{react|lynx}/{registryId}/index.json
https://seed-design.io/__registry__/{react|lynx}/{registryId}/{itemId}.json
```
개별 스니펫 경로는 `{itemId}/index.json`이 아니라 `{itemId}.json`입니다.
### CLI 문서
전체·플랫폼 인덱스에서 `CLI`, `Commands`, `Configuration`에 해당하는 현재 링크를 찾고 내용을 읽습니다. 문서가 어느 플랫폼 트리 아래에 있는지만으로 지원 플랫폼이나 옵션을 추론하지 않습니다. 명령·플래그·설정 필드는 연결된 문서 또는 설치한 CLI 소스가 명시한 값만 사용합니다.
## 4. 판단이 필요한 절차
| 요청 | 읽을 참조 |
|---|---|
| 스니펫 버전 맞추기, 파일 충돌, 패키지 호환 | [migration.md](references/migration.md) |
| changelog 해석과 업그레이드 경로 | [upgrade.md](references/upgrade.md) |
| 코드 사용 상태 진단 | [doctor.md](references/doctor.md) |
마이그레이션과 업그레이드도 플랫폼을 먼저 판별합니다. 참조 파일의 React 전용 옵션이나 호환표를 Lynx에 적용하지 말고, 선택된 플랫폼의 패키지와 changelog만 대조합니다.
Doctor 요청은 [doctor.md](references/doctor.md)의 적응형 탐색 절차를 먼저 따릅니다.
1. 사용자 지정 경로
2. `node_modules`, `.git`, `.claude/worktrees`를 제외한 `seed-design.json`
3. 설정 발견 여부와 관계없이 직접 `@seed-design/*` 의존성이 있는 workspace
4. 두 후보를 package 경계로 중복 제거
5. 사용자 명시 → `framework` → 직접 의존성 순의 플랫폼 확정
6. 공개 진입점과 앱·라이브러리 빌드 증거에 따른 비배타적 역할 판정
- React Doctor: [doctor-react.md](references/doctor-react.md)를 함께 읽습니다.
- Lynx Doctor: [doctor-lynx.md](references/doctor-lynx.md)를 함께 읽습니다.
플랫폼 프로필은 문서 지원 현황을 복제하지 않고 인덱스·패키지·registry 탐색의 시작점만 제공합니다. 일반 진단은 공통 룰 전체를 scope에 넣고, 현재 인덱스에서 발견한 공식 계약과 각 룰의 적용 조건으로 검사 여부를 정합니다. 사용자가 config·setup·foundations·components·compatibility·library 중 범주를 지정했다면 그 범주만 실행합니다. 여러 workspace의 전체 진단은 리포트를 workspace별로 따로 만듭니다.
Doctor는 문제를 찾는 진단이고, `upgrade.md`는 실제로 버전을 올리는 절차입니다. 진단이 버전 격차를 알려도 사용자가 수정을 요청하기 전에는 업그레이드를 실행하지 않습니다.
## 5. 코드 작성과 기존 코드 진단From daangn/seed-design, Apache-2.0.
More from daangn/seed-design
- 0.821score
seed-change
daangn
SEED 변경의 영향·검증·기준 브랜치를 판단하거나, 공개 패키지 changeset을 작성하거나, 명시적으로 요청받은 rebase·commit·push·PR 제출을 할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.821score
seed-component
daangn
SEED 컴포넌트의 경로 조회·React·Lynx API 비교, 신규·포팅·기존 구현 변경, React·Lynx 문서·예제 작성, 또는 컴포넌트와 무관한 색상 토큰의 지도·WCAG 대비 조사를 할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.818score
seed-orchestrate-component
daangn
SEED 컴포넌트 작업을 여러 에이전트로 나누거나 레이어 사이의 구현 계약과 검증을 조율할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.818score
seed-migrate-component-docs-from-figma
daangn
Figma 문서 레이어에서 SEED 컴포넌트 가이드 MDX와 이미지를 만들거나 갱신할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.818score
seed-verify-lynx-component
daangn
Lynx 컴포넌트의 문서·예제·런타임 결과를 환경별로 검증할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.818score
seed-snapshot-release
daangn
PR snapshot release를 trigger하거나 결과를 확인할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.818score
chromatic-diff
daangn
Chromatic snapshot 변경의 원인, 실제 회귀 또는 flaky 여부를 조사할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.816score
seed-verify-figma-mcp-transports
daangn
Figma MCP 도구 변경 뒤 REST와 WebSocket 결과를 실제로 비교해 transport parity를 검증할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.816score
seed-deprecation
daangn
SEED 컴포넌트·API·토큰의 사용 중단 선언, 마이그레이션 안내 또는 예정된 제거를 처리할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.812score
seed-dev-figma-v3-migration-plugin
daangn
Figma V3 migration 매핑·메타데이터 변환을 수정할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.594score
structure-mapper
daangn
Subagent "structure-mapper" from daangn/seed-design: SEED Design 모노레포 구조 매핑 에이전트.
TemplateAFreshness: A★ 1.2KClaude Code - 0.594score
AGENTS.md · daangn/seed-design
daangn
AGENTS.md from daangn/seed-design: 78 lines covering 시작, 검증, 생성, 경계 and more.
TemplateAFreshness: A★ 1.2KCodex +5
Signals
- Stars
- 1,183
- Forks
- 98
- Open issues
- 4
- Last commit (this folder)
- Sep 23, 2026 (1 month ago)
- Last release
- Oct 22, 2026 (6 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- Apache-2.0
- Repository
- github.com/daangn/seed-design
- Website
- seed-design.io
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from daangn
- 0.821score
seed-component
daangn
SEED 컴포넌트의 경로 조회·React·Lynx API 비교, 신규·포팅·기존 구현 변경, React·Lynx 문서·예제 작성, 또는 컴포넌트와 무관한 색상 토큰의 지도·WCAG 대비 조사를 할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.821score
seed-change
daangn
SEED 변경의 영향·검증·기준 브랜치를 판단하거나, 공개 패키지 changeset을 작성하거나, 명시적으로 요청받은 rebase·commit·push·PR 제출을 할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.818score
seed-verify-lynx-component
daangn
Lynx 컴포넌트의 문서·예제·런타임 결과를 환경별로 검증할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.818score
seed-snapshot-release
daangn
PR snapshot release를 trigger하거나 결과를 확인할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.818score
seed-orchestrate-component
daangn
SEED 컴포넌트 작업을 여러 에이전트로 나누거나 레이어 사이의 구현 계약과 검증을 조율할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.818score
seed-migrate-component-docs-from-figma
daangn
Figma 문서 레이어에서 SEED 컴포넌트 가이드 MDX와 이미지를 만들거나 갱신할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9
Cite this page
seed-design skill. Agent Mart. https://agentmart.dev/skills/daangn-seed-design (last updated 2026-10-24)