SEED is a design system that provides shared visual tokens, styling recipes, and UI components for React, iOS, Android, and Lynx, with Figma integration. It is used to build consistent products across platforms; the catalogue add-ons support agents working with its components, tools, documentation, and development workflows.
Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add daangn/seed-design --skill seed-orchestrate-componentgit clone --depth 1 https://github.com/daangn/seed-designWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/daangn/seed-design/seed-orchestrate-component)<a href="https://agentmods.dev/skills/daangn/seed-design/seed-orchestrate-component"><img src="https://agentmods.dev/badge/skills/daangn/seed-design/seed-orchestrate-component/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/daangn/seed-design/seed-orchestrate-component"><img src="https://agentmods.dev/badge/skills/daangn/seed-design/seed-orchestrate-component.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00041 | $0.02041 |
| Opus 5.5 | $0.00016 | $0.00816 |
| Sonnet 5.5 | $0.00008 | $0.00408 |
| Haiku 4.5 | $0.00004 | $0.00204 |
Grade A, and why
seed-orchestrate-component scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 24d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 72 lines — stays where its author put it; the contents beside it link to each section on GitHub.
SEED 컴포넌트 협업
컴포넌트 작업의 담당 범위, 의견 교환, 통합과 완료 판정을 조율한다. 기술별 구현 지침은 기존 스킬을 사용한다. 역할 수만큼 에이전트를 만들거나 별도 메시징 시스템을 구축하지 않는다.
적용 범위
- 사용자가 역할 분담·병렬 작업·에이전트 협업을 요청했거나, 초기 조사에서 서로 독립적인 쓰기 범위와 충분한 분량의 작업이 확인됐을 때 사용한다.
- 상태·Recipe·Registry처럼 공동 결정이 필요한 경계는 합의한 뒤 나눈다. 순차 의존성이나 같은 파일 수정만 있는 작업을 억지로 병렬화하지 않는다.
- 단순 토큰·문구 수정과 알려진 단일 파일 변경은
seed-component의 단독 흐름을 유지한다. - 평가·설계만 요청받았다면 역할과 의존 관계, 검증 계획까지 제시한다. 구현이나 하네스 설정 변경으로 범위를 넓히지 않는다.
필요한 입력
조율자는 대화와 현재 파일에서 다음을 확인한다. 이미 확정된 내용을 다시 질문하거나 담당마다 같은 경로 조사를 반복하지 않는다.
- 대상 컴포넌트, 플랫폼, package·Registry 등 소비 경로
- 요청한 사용자 결과, 참조 시나리오와 의도적인 플랫폼 차이
- 실제 수정할 원천, 생성물, 직접 소비자와 기존 사용자 변경
- 이번 변경에 필요한 실행 환경과 현재 사용 가능한 에이전트 도구
경로가 불명확하면 seed-component의 읽기 전용 조회를 사용한다. 플랫폼·공개 방식과 React·Lynx API 비교도 해당 스킬의 각 분기에서 확인하고, 영향·생성·검증 순서는 필요한 경우 seed-change의 계획 분기에서 확인한다. 결과가 이미 있으면 실제 대상 파일과 함께 재사용한다.
진행 순서
- 조율자는 역할 경계에서 필요한 역할만 선택하고 정확한 쓰기 범위를 배정한다. 역할은 합칠 수 있지만 여러 레이어의 동작 변경에서는 구현자와 검증 실행자를 분리한다. 조율자는 검증 명령을 모두 직접 실행하는 사람이 아니라, 독립 검증 결과를 승인 조건과 대조해 최종 승인하는 사람이다.
- 협업 절차에 따라 참조 동작의 원천, 생산자·소비자 계약, 기본 장면과 필수 환경을 정한다. 기술 기준은 참조 동작 추적과 기본 장면을 사용한다. Lynx 기본 장면의 구체적인 실행은
검증 런북의examples/lynx-spa문서 예제 경로를 따른다. 검증 분담과 자원에 따라 검사별 선행 입력·공유 자원·실행자를 공통 작업 메모에 기록한다. - 하네스별 실행에 따라 사용자가 명시한 실행 방식을 우선한다. 별도 선택이 없으면 현재 하네스의 내장 위임·메시징 도구를 사용한다. OMP에서는 OMP 도구를 기본으로 쓰며, Orca 런타임이 준비되어 있다는 이유로 전환하지 않는다. Orca는 사용자가 실행 방식으로 선택했거나 이미 승인한 Orca 작업을 이어갈 때만 사용한다.
- 각 담당에게 자기 역할, 필요한 기존 스킬, 파일 범위, 관련 담당과 완료 조건을 전달한다. 구현 중에는 계약 변경에 영향을 받는 담당끼리만 협의한다.
- 기본 장면의 안정된 변경본에서 준비된 입력과 자원이 독립적인 검사를 병렬 배정한다. Lynx native 기본 장면은
examples/lynx-spa문서 예제로 확인하며, 전체 docs 빌드나 정적 bundle 서빙은 MDX 페이지·host·코드 탭·QR·Web preview·docs pipeline 자체를 바꾼 경우에만 해당 문서 변경 부분 확인으로 추가한다. 기본 장면 승인 후 의존하는 변형·예제를 확장하고, 요청 범위의 관련 최종 검증을 수행한다. 실패는 원천 소유자에게 돌려보낸다. - 조율자는 구현 반영, 환경별 기능 확인, 측정한 성능 결과와 남은 제한을 구분해 보고하고, 독립 검증의 판정·증거를 바탕으로 최종 승인한다. 담당의 작업 종료나 체크리스트 완료 수를 전체 완료 근거로 삼지 않는다.
What ships with it
3 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 24d ago Changed d55183b2ff2f
- 1mo ago Changed af75dd0f4440
- 1mo ago Changed cd95a3b25820
- 1mo ago First seen · 72 lines · 41 tokens per session scan A 069995f8b3c0
seed-orchestrate-component is a skill published in the GitHub repository daangn/seed-design (1,180 stars, last pushed today), licensed Apache-2.0. It adds 41 tokens to every session and 2,041 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-09.
Other skills, from other repositories
material-ui-tailwind
Integrates Material UI with Tailwind CSS v4 using cascade layers (enableCssLayer, @layer order) and documents Tailwind v3 interoperability (preflight, important, injectFirst, portals). Use when combining MUI with Tailwind utilities, slotProps className, or theme token bridges.
fast-typescript-check
Keep www-sacred's TypeScript fast to type-check and fast to run. Use when touching the ASCII/canvas animation components (the only real per-frame code here), tightening type-check wall-clock, or auditing a change for runtime or compiler regressions. Scoped to this repo — a React 19 / Next.js 16 component library plus…
styleseed
Build, improve, or inspect UI with StyleSeed. Preserves project design choices and routes setup, layout, tokens, review, rendered verification, and updates through one entry point.
conversational-ux
Design voice and conversational interfaces — dialog flows, error recovery, and persona. Use when the interface speaks and listens rather than being tapped. For graphical input collection, use form-design.
critique-color
Critique a rendered screen's colour — contrast ratios, palette coherence, and semantic meaning. Use when reviewing one screen. For a product-wide WCAG audit use accessibility-audit (design-systems); for building the palette use color-system (ui-design).
readable-measure
Set line length and measure for comfortable reading across type sizes and breakpoints. Use when tuning body text. Covers measure only — for the full size and weight scale, use typography-scale.