| name | seed-create-component |
| description | SEED의 React, Lynx 또는 공통 컴포넌트를 새로 만들거나 공개 API·스타일·문서까지 함께 변경할 때 현재 구현을 찾고, 플랫폼과 배포 방식을 정해 최소 파일 계획부터 구현·검증·changeset·PR 준비까지 연결한다. API를 바꾸지 않는 Storybook 문서 작업은 짧은 경로로 처리한다. |
SEED 컴포넌트 작업
이 스킬은 컴포넌트 작업의 진입점을 정하는 라우터다. 모든 참고 문서를 순서대로 읽지 않는다. 현재 작업에 필요한 스킬과 reference만 선택한다.
먼저 확인할 것
- 저장소 루트부터 수정 경로까지 적용되는
AGENTS.md를 읽는다.
seed-component-map으로 현재 구현, 공개 export, Recipe, Registry, 문서, 예제를 찾는다. 신규 컴포넌트라면 not-found 결과를 현재 구현이 없다는 근거로 남긴다.- 결과에 나온 실제 파일을 직접 읽는다. 맵 결과만으로 API나 책임을 추정하지 않는다.
- 요청을 기존 컴포넌트 변경, 새 컴포넌트, 문서·Storybook 전용 중 하나로 분류한다.
함께 쓰는 seed-* 스킬
seed-api-parity의 차이는 곧바로 누락으로 보지 않는다. 브라우저와 Lynx의 런타임·접근성·입력 방식 때문에 의도적으로 다른 항목인지 먼저 분류한다.
seed-submit-change는 사용자가 제출 작업을 요청한 경우에만 사용한다. seed-change-plan이 정한 origin/dev, origin/minor, origin/major 중 하나를 rebase와 PR base에 그대로 사용한다.
기존 컴포넌트 변경
seed-component-map 결과에서 이번 요청과 직접 연결된 파일을 읽는다.- React와 Lynx를 함께 바꾸거나 한쪽 차이가 문제인지 판단해야 하면
seed-api-parity를 사용한다.
- 바꾸려는 사용자 결과를 한 문장으로 적고 대상 플랫폼과 배포 방식을 확정한다.
- 구조를 바꾸는 경우에만 아키텍처 결정과 API 설계를 읽는다. 스타일이나 문서만 바꾸는 작업에 전체 설계 절차를 적용하지 않는다.
- 기존 구현에서 가장 가까운 파일을 기준으로 필요한 원천 파일만 수정한다. 생성 파일은 직접 수정하지 않는다.
- 검증 체크리스트에서 실제 변경과 관련된 항목을 실행한다.
- 공개 패키지가 바뀌면
seed-changeset을 사용한다. commit·PR을 준비할 때는 변경 종류와 관계없이 seed-change-plan으로 base를 정한다. rebase·commit·push·PR 제출을 요청받았다면 마지막에 seed-submit-change를 사용한다.
새 컴포넌트
seed-component-map의 not-found와 가까운 기존 컴포넌트의 경로를 함께 확인한다.- 대상 플랫폼을
react, lynx, cross-platform 중 하나로 정한다. 판단 기준은 플랫폼 선택에 있다.
- API 설계에 따라 제공 방식을
package-only, snippet-only, package+snippet, docs-only 중 하나로 정한다.
- 요구사항에 구현을 바꿀 빈칸이 있을 때만 요구사항 탐색을 사용한다. 이미 구체적인 요청을 다시 인터뷰하지 않는다.
- 아키텍처 결정에서 Headless 책임, Recipe 종류, 접근성, 레이어별 참조 컴포넌트를 정한다.
- 다음 명령으로 확정한 결정을 파일 계획으로 바꾼다.
bun skills/seed-create-component/scripts/scaffold-plan.ts <component> \
--platform <react|lynx|cross-platform> \
--surface <package-only|snippet-only|package+snippet|docs-only>
스크립트는 아키텍처나 Registry 필요성을 대신 결정하지 않는다. items는 파일 경계만 제안하며 시나리오 완전성을 보장하지 않는다. source, reference, generated, conflicts, referenceScenarios, warnings를 검토하고 이번 작업에 필요한 원천 파일만 계획에 남긴다.
다른 플랫폼의 문서 예제가 있으면 referenceScenarios의 모든 ID를 동일 지원, Lynx식 변환, 미지원으로 분류한 대응표를 파일 생성 전에 작성한다. preview.tsx 하나가 계획에 있다는 이유로 다른 예제를 범위 밖으로 두지 않는다. Lynx 문서·예제를 포함하면 Lynx 문서 작성 스킬의 asset, frame, 초기 상태, 입력, 전이, 화면 셸 대응표를 완료 조건으로 삼는다.
- 구현 순서에 따라 Headless, Rootage, Recipe, Styled UI, Registry, 문서, 예제 중 필요한 레이어만 구현한다.
- 검증 체크리스트를 실행한다. 공개 패키지가 바뀌면
seed-changeset을 사용한다. commit·PR을 준비할 때는 seed-change-plan으로 base를 정하고, 제출을 요청받은 경우에만 seed-submit-change로 이어간다.
새 패키지, 외부 의존성, CI 설정이 필요하면 구현 전에 사용자 확인을 받는다.
짧은 경로
Lynx 문서·예제만 변경
컴포넌트와 런타임 동작을 바꾸지 않으면 seed-component-map으로 배포 방식을 확인한 뒤 seed-write-lynx-component-docs를 사용한다. 실제 호스트 앱에서도 재현되는 문제를 발견하면 문서용 우회를 만들지 않고 컴포넌트 변경 흐름으로 돌아온다.
Storybook만 변경
docs/stories/*.stories.tsx나 docs/.storybook/*만 바꾸고 공개 API와 동작은 유지한다면 Storybook 규칙과 시각 검증만 사용한다. 작업 중 컴포넌트 API나 Recipe 변경이 필요해지면 기존 컴포넌트 변경 흐름으로 전환한다.
생성물만 어긋난 경우
원천 파일과 생성 명령을 먼저 찾는다. 생성 파일을 직접 고치지 않는다. 원천이 맞다면 저장소 지침의 생성 명령을 실행하고 예상한 생성물만 바뀌었는지 확인한다.
구현 reference 라우팅
완료 조건
- 요청한 사용자 결과와 대상 플랫폼이 구현·타입·문서에서 일치한다.
- package와 Registry 중 선택한 배포 방식이 문서와 예제에도 그대로 적용된다.
- 원천 파일을 수정하고 생성 파일을 직접 고치지 않았다.
- 변경과 관련된 기존 테스트와 저장소 필수 검증을 통과했다.
- 공개 패키지 변경에는 확정한 changeset이 있다.
- commit·PR을 준비한다면 changeset 유무와 관계없이 확정한 base를 쓰는 변경 계획이 있다.
