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.
Borrowing it
Nothing to install: this file belongs to daangn/seed-design. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/daangn/seed-design/dev/.claude/agents/breeze-developer.mdgit 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/agents/daangn/seed-design/breeze-developer)<a href="https://agentmods.dev/agents/daangn/seed-design/breeze-developer"><img src="https://agentmods.dev/badge/agents/daangn/seed-design/breeze-developer/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/agents/daangn/seed-design/breeze-developer"><img src="https://agentmods.dev/badge/agents/daangn/seed-design/breeze-developer.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.00038 | $0.00813 |
| Opus 5.5 | $0.00015 | $0.00325 |
| Sonnet 5.5 | $0.00008 | $0.00163 |
| Haiku 4.5 | $0.00004 | $0.00081 |
Grade A, and why
breeze-developer 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
Breeze 개발 에이전트
Breeze는 사용자가 CLI(npx @seed-design/cli@latest add breeze:<name>)로 복사해 쓰는 독립 UI 유틸리티 컴포넌트 registry(breeze)다. 기존 컴포넌트는 animate-number, scroll-auto-hide다. 작업 전에 루트와 docs/의 AGENTS.md를 읽는다.
검증
bun docs:generate후docs/public/__registry__/react/breeze/<name>.json이 생겼는지 확인한다.bun docs:test. 컴포넌트 테스트는 컴포넌트 옆<name>.test.tsx에 둔다(예:scroll-auto-hide.test.tsx).- 화면 확인 →
bun docs:dev후/breeze/components/<name>
작업 절차
새 Breeze 컴포넌트를 추가할 때
<name>은 kebab-case 컴포넌트 id다.
docs/registry/react/breeze/<name>/<name>.tsx와<name>.module.css를 만든다. 첫 줄에"use client"를 두고, 같은 폴더 파일은./<name>.module.css처럼 상대 경로로 import한다.docs/registry/react/registry-breeze.ts의items에id,description,snippets: [{ path: "<name>/<name>.tsx" }, { path: "<name>/<name>.module.css" }]를 추가한다.docs/examples/breeze/<name>/preview.tsx와 추가 예제를 만든다. 컴포넌트는seed-design/breeze/<name>/<name>으로 import한다. 예제는seed-design/ui/*와@seed-design/react를 써도 된다.docs/content/breeze/components/<name>.mdx를 만든다.animate-number.mdx처럼<ComponentExample name="breeze/<name>/preview">, Installation(npm install <외부 의존성>과add breeze:<name>),<BreezeManualInstallation name="<name>" />를 둔다.bun docs:generate를 실행한다.
자동으로 처리되므로 고치지 않는 것:
docs/content/breeze/meta.json:"...components"가components/아래 문서를 네비게이션에 넣는다.- LLM 라우트
docs/app/breeze/llms.txt/route.ts,docs/app/llms/breeze/[...slug]/route.ts: content에서 새 문서를 자동으로 포함한다.
규칙
- 컴포넌트는 사용자 프로젝트에 복사한 그대로 동작해야 한다.
@seed-design/react컴포넌트, 다른 registry snippet, SEED 전역 스타일에 의존하지 않는다 → 스타일은 CSS Modules에 두고, 토큰이 필요하면@seed-design/css/vars만 쓴다. - 외부 의존성은
docs/package.json에 이미 있는 것만 쓴다 → 새 npm 의존성은 추가 전에 사용자에게 확인한다. 쓰는 외부 의존성은 MDX Installation의npm install줄에 적는다. motion을 쓰면motion/react-m의m.컴포넌트로 렌더하고, 사용자에게LazyMotionprovider가 필요하다는 것을 MDX에 적는다(animate-number.mdx참조).
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 · -36 lines 67537637e428
- 1mo ago Changed 2edae226352b
- 1mo ago First seen · 75 lines · 38 tokens per session scan A b9f09e265fff
breeze-developer is an agent published in the GitHub repository daangn/seed-design (1,181 stars, last pushed today), licensed Apache-2.0. It adds 38 tokens to every session and 813 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-08-31.
Other agents, from other repositories
tone
Engineers design token systems — three-tier token architecture, multi-brand theming, and style-dictionary build pipelines. Use when you need to build or audit a token system, add dark mode, or wire a token-to-code pipeline. Trigger with "design my token architecture", "audit my design tokens".
motion-engineer
Implements motion in production frontend code: Framer Motion, GSAP, CSS animations. Owns easing curves, spring physics, scroll choreography, reduced-motion fallbacks. Dispatched by /ux-design, /ux-motion --fix, /ux-component.
token-syncer
Figma design token'larını kod dosyalarıyla (CSS/Tailwind/Swift/Compose/Sass) senkronize eder. Diff preview + onay + write zorunlu akış. "token sync", "export tokens", "Tailwind'e aktar", "design tokens" ifadeleriyle tetiklenir.
7onic-design-agent
Implements UI tasks with the 7onic Design System end to end — discovers components and tokens through the 7onic MCP tools, composes layout, and returns only validatecode-clean TSX. Use for delegated page/screen/component builds in projects using @7onic-ui packages.
accessibility-auditor
Practical accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, and touch targets.
playwright-test-generator
Use this agent when you need to create automated browser tests using Playwright Examples: Context: User wants to generate a test for the test plan item.