/write-react-component-docs

$COMPONENT_ID $COMPONENT_NAME $HAS_SNIPPET

BOOST

daangn@daangn

GitHub

From plugin

seed-design

1.2k6 skills4 agents6 commands3 MCP

Install

$ npx -y skills add daangn/seed-design --agent claude-code

How it fires

How this command gets triggered: by you, by Claude, or both.

Fires itselfClaude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/write-react-component-docs

Context preview

What this command does when you run it.

$COMPONENT_ID $COMPONENT_NAME $HAS_SNIPPET

Command definition

write-react-component-docs.md

description: $COMPONENT_ID $COMPONENT_NAME $HAS_SNIPPET
allowed-tools: Read, Edit, Write, Glob, Grep, Bash

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` 등록 여부로 판단한다.

필수 결과

1. `docs/content/react/components/{component-id}.mdx`를 만들거나 갱신한다. 2. Usage와 Examples 섹션이 `docs/examples/react/{component-id}/`의 실제 예제 파일을 정확히 참조한다. 3. snippet 존재 여부를 Installation과 Usage 안내에 반영한다.

Read it on GitHub ↗

Ships withseed-design

SEED는 당근 제품을 위한 통합된 디자인 언어입니다. 하나의 토큰 소스에서 React, iOS, Android, Lynx까지 여러 플랫폼에 일관된 디자인을 전달하고, Figma와 연동됩니다.

Get the whole plugin

Stats

TypeScript React Tailwind CSS Playwright

+5 tags

MCP Figma iOS Android Vite

1,166

Stars

Forks

Active