seed-component
SEED 컴포넌트의 경로 조회·React·Lynx API 비교, 신규·포팅·기존 구현 변경, React·Lynx 문서·예제 작성, 또는 컴포넌트와 무관한 색상 토큰의 지도·WCAG 대비 조사를 할 때 사용한다.
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-component
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: frontend, backend, frontend-development, documentation
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
- Runs as
- Node.js package
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/seed-component
What's inside
- Skill name
seed-component- Description
- SEED 컴포넌트의 경로 조회·React·Lynx API 비교, 신규·포팅·기존 구현 변경, React·Lynx 문서·예제 작성, 또는 컴포넌트와 무관한 색상 토큰의 지도·WCAG 대비 조사를 할 때 사용한다.
- License
- Apache-2.0
- Instructions
- 23 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
Files (32)
- SKILL.md
- openai.yaml · agents/
- AGENTS.md · references/
- api-design.md · references/
- api-parity.md · references/
- architecture-decisions.md · references/
- brainstorming.md · references/
- color-token-analysis.md · references/
- component-map.md · references/
- external-references.md · references/
- guide.md · references/
- implementation-steps.md · references/
- implementation-workflow.md · references/
- lynx-docs-authoring.md · references/
- lynx-docs.md · references/
- lynx-headless.md · references/
- lynx-patterns.md · references/
- pattern-catalog.md · references/
- platform-differences.md · references/
- platform-gate.md · references/
- react-patterns.md · references/
- recipe-patterns.md · references/
- review-prompts.md · references/
- sticking-policy.md · references/
- storybook.md · references/
- verification-checklist.md · references/
- visual-testing.md · references/
- api-parity.ts · scripts/
- component-map.ts · scripts/
- scaffold-plan.ts · scripts/
- token-contrast.ts · scripts/
- token-map.ts · scripts/
SKILL.md (first lines)
# SEED 컴포넌트 요청이 원하는 결과로 분기를 하나 고르고, 그 분기의 reference만 읽는다. 조회·비교·토큰 분기는 **읽기 전용**이다. 결과를 반환하고 끝내며, 사용자가 구현을 요청하지 않는 한 다른 분기로 넘어가지 않는다. | 요청 결과 | 읽을 reference | 실행 | | --- | --- | --- | | 한 컴포넌트의 구현·export·Registry·문서·테스트 경로만 | [component-map.md](references/component-map.md) | `bun skills/seed-component/scripts/component-map.ts <Component>` | | React·Lynx 공개 API와 사용자 결과 차이만 | [api-parity.md](references/api-parity.md) | `bun skills/seed-component/scripts/api-parity.ts <Component>` | | 색상 토큰의 정의·alias·사용처·생성 표면 또는 대비만 (컴포넌트 없이도) | [color-token-analysis.md](references/color-token-analysis.md) | `bun skills/seed-component/scripts/token-map.ts '<token>'`, `token-contrast.ts` | | 새 컴포넌트 또는 한 플랫폼이 없는 포팅 | [implementation-workflow.md 신규·포팅](references/implementation-workflow.md#신규포팅) | `bun skills/seed-component/scripts/scaffold-plan.ts` | | 기존 컴포넌트의 구현·동작·구조 변경 | [implementation-workflow.md 기존 구현 변경](references/implementation-workflow.md#기존-구현-변경) | 경로 조회 후 필요 시 API 비교 | | Lynx 문서·실행 예제만 (컴포넌트 동작 유지) | [lynx-docs.md](references/lynx-docs.md) | 경로가 불명확할 때만 경로 조회 | | React 문서·예제, Storybook, 생성물만 | [implementation-workflow.md 짧은 경로](references/implementation-workflow.md#짧은-경로) | 경로가 불명확할 때만 경로 조회 | ## 경계 - 문서·Storybook 전용 분기는 컴포넌트 구현을 요구하지 않는다. 실제 호스트 앱에서도 재현되는 API·동작 문제를 발견하면 문서용 우회 대신 기존 구현 변경으로 전환한다. - 새 패키지, 외부 의존성, CI 설정이 필요하면 구현 전에 사용자 확인을 받는다. - Lynx native 결과를 소스 수정 없이 독립 판정하는 일은 [`seed-verify-lynx-component`](../seed-verify-lynx-component/SKILL.md)가 맡는다. - 여러 레이어의 담당·병렬 작업·에이전트 간 협의가 요청됐거나 필요하면 [`seed-orchestrate-component`](../seed-orchestrate-component/SKILL.md)를 함께 사용한다. - changeset·변경 계획·제출은 [`seed-change`](../seed-change/SKILL.md)가 맡는다.
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-design
daangn
SEED Design을 사용하는 프로젝트의 공식 문서·CLI 안내나 설치·업그레이드 진단이 필요할 때 사용한다.
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
Compare and alternatives
Featured in
Signals
- Stars
- 1,183
- Forks
- 98
- Open issues
- 4
- Last commit (this folder)
- Oct 15, 2026 (12 days ago)
- Last release
- Oct 22, 2026 (5 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-design
daangn
SEED Design을 사용하는 프로젝트의 공식 문서·CLI 안내나 설치·업그레이드 진단이 필요할 때 사용한다.
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-snapshot-release
daangn
PR snapshot release를 trigger하거나 결과를 확인할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.818score
seed-verify-lynx-component
daangn
Lynx 컴포넌트의 문서·예제·런타임 결과를 환경별로 검증할 때 사용한다.
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-component skill. Agent Mart. https://agentmart.dev/skills/daangn-seed-component (last updated 2026-10-24)