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.
git 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/commands/daangn/seed-design/write-react-component-docs)<a href="https://agentmods.dev/commands/daangn/seed-design/write-react-component-docs"><img src="https://agentmods.dev/badge/commands/daangn/seed-design/write-react-component-docs/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/commands/daangn/seed-design/write-react-component-docs"><img src="https://agentmods.dev/badge/commands/daangn/seed-design/write-react-component-docs.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.00013 | $0.00248 |
| Opus 5.5 | $0.00005 | $0.00099 |
| Sonnet 5.5 | $0.00003 | $0.00050 |
| Haiku 4.5 | $0.00001 | $0.00025 |
Grade A, and why
write-react-component-docs 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 1mo 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.
What it actually says
React 컴포넌트 문서 작성
seed-component Skill의 짧은 경로 분기(references/implementation-workflow.md「React 문서·예제만 변경」)로 컴포넌트 문서를 만들거나 갱신한다. 작업 중 API·동작 변경이 필요해지면「기존 구현 변경」분기로 넘어간다.
인자
- $COMPONENT_ID: 대상 컴포넌트 id
- $COMPONENT_NAME: 표시 이름
- $HAS_SNIPPET: 선택.
true|false. 생략하면docs/registry/react/registry-ui.ts등록 여부로 판단한다.
필수 결과
docs/content/react/components/{component-id}.mdx를 만들거나 갱신한다.- Usage와 Examples 섹션이
docs/examples/react/{component-id}/의 실제 예제 파일을 정확히 참조한다. - snippet 존재 여부를 Installation과 Usage 안내에 반영한다.
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.
- 1mo ago Changed 880ba156e48a
- 1mo ago Changed 8642af6c5922
- 1mo ago First seen · 21 lines · 13 tokens per session scan A 26976bbfd067
write-react-component-docs is a command published in the GitHub repository daangn/seed-design (1,181 stars, last pushed today), licensed Apache-2.0. It adds 13 tokens to every session and 248 once invoked, about $0.0001 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-08-31.
Other commands, from other repositories
gen-video
Generate video output in one of three modes: Remotion (programmatic React-based video), Gen-AI (shot prompt pack for Runway/Kling/Sora/Pika/Luma), or Remotion+Gen-AI (programmatic scaffold with AI footage embedded).
plan-feature
Plan a feature from BRD-lite brief or clear intent into PRD (What), decisions, implementation plan, and task slices.
responsive-design-specialist
Use when a layout breaks between sizes. Arbitrary breakpoints, type that does not scale, images that blow out the grid, or a desktop design retrofitted onto mobile.
web-design
Design and build a complete website or webapp from a project brief — end-to-end workflow from design to working React/Vite code.
checklist
Generate a custom checklist for the current feature based on user requirements.
clarify
Identify underspecified areas in the current feature spec by asking up to 5 highly targeted clarification questions and encoding answers back into the spec.