개발 스킬

Plausible의 Storybook 문서 방문 데이터를 바탕으로 최소 지원 브라우저 버전을 검토합니다. 근거와 후보를 제시하고 승인 후 설정과 문서를 갱신해 PR을 만듭니다.

• 실제 방문 데이터를 바탕으로 지원 범위를 검토합니다
• 버전별 이용 비율과 후보를 검토하고 승인합니다
• 지원 설정과 마이그레이션 안내를 함께 갱신합니다

PR 제목과 설명을 커밋 및 실제 변경 사항과 대조합니다. 중요한 변경 누락이나 오래된 내용을 찾아 수정안을 제시하고, 사용자 동의 후 갱신합니다.

• PR 설명과 실제 구현이 일치하는지 확인합니다
• 설명에서 빠진 주요 변경 사항을 보완합니다
• 현재 작업과 맞지 않는 PR 제목을 갱신합니다

기존 Storybook을 11.0 이상으로 업그레이드합니다. 공식 가이드를 확인하며, 최신 안정 버전이 11.0 미만이면 11.0 알파 버전을 선택합니다.

• 기존 Storybook을 업그레이드합니다
• Storybook 11.0 이상 요구를 충족합니다
• 안정 버전이 없을 때 알파로 업그레이드합니다

Storybook 규칙에 맞춰 변경 사항을 검토받을 초안 풀 리퀘스트를 만듭니다. 제목, 필수 라벨, 본문 템플릿과 수동 테스트 절차를 정리합니다.

• Storybook 변경 사항을 검토에 제출하기
• 범주, 지속적 통합, 품질 확인 라벨 선택하기
• 재현 가능한 수동 테스트 절차 작성하기

반복되는 수정과 주의 사항을 코드 정적 검사, 실행 중 검사, 자동화 스크립트 등의 방지 장치에 반영하여 같은 실수가 다시 발생하지 않도록 돕습니다.

• 반복되는 구현 실수를 방지합니다
• 반복 지시를 자동 검사로 바꿉니다
• 수정 내용을 메모나 규칙으로 정리합니다

Storybook의 주 버전과 부 버전 출시를 위해 사전 출시 변경을 모으고 주요 업데이트를 고릅니다. 전체 변경 목록과 함께 CHANGELOG.md에 작성합니다.

• Storybook 부 버전 출시를 준비합니다
• 주 버전의 주요 변경을 요약합니다
• 사전 출시 버전의 변경을 모읍니다

프로젝트의 Storybook 관련 패키지를 지정 버전으로 함께 업그레이드합니다. 안정 버전이나 개발 빌드를 사용해 외부 앱에서 변경 사항과 오류를 검증합니다.

• 외부 앱에서 개발 빌드를 시험합니다
• 특정 버전에서 오류를 재현합니다
• 관련 패키지를 최신 안정 버전으로 올립니다

GitHub PR을 체크아웃하고 lint 및 TypeScript 오류를 수정한 뒤 커밋하고 푸시합니다. 포크의 PR도 지원하며 타입 검사를 반복해 수정을 확인합니다.

• PR의 lint 오류 수정
• PR의 TypeScript 오류 수정
• 포크에서 만든 PR 수정

Storybook이 없는 프로젝트에 처음 설치합니다. 안정 버전을 확인해 설치 태그와 패키지 관리 도구에 맞는 명령을 선택하고 별도 설정 스킬로 연결합니다.

• 프로젝트에 Storybook 처음 설치
• 안정 버전에 따라 설치 태그 선택
• 사용 중인 패키지 관리 도구로 설치

이미 설치된 Storybook에 작동하는 preview 파일과 실제 컴포넌트를 표시하는 스토리를 준비하여 컴포넌트의 표시 상태를 확인할 환경을 구성합니다.

• 기존 Storybook의 표시 설정을 구성합니다
• 실제 컴포넌트의 스토리를 추가합니다
• 설정 전에 지원 버전을 확인합니다

GitHub 풀 리퀘스트의 미해결 검토 의견을 하나씩 정리하고, 사용자가 선택한 방침에 따라 코드 수정, 답글, 해결 상태 변경을 진행합니다.

• PR의 미해결 검토 의견을 처리합니다
• 수정, 답글, 건너뛰기를 선택합니다
• 중복되는 검토 의견을 묶어 처리합니다

이미 설치된 Storybook을 공식 업그레이드 절차에 따라 11.0 이상으로 업데이트합니다. 최신 안정 버전이 11.0 미만이면 11.0 알파 버전을 선택합니다.

• 기존 Storybook 업데이트
• Storybook을 11.0 이상으로 통일
• 안정 버전이 11.0 미만일 때 알파 버전 사용

Storybook이 설치된 프로젝트에서 실제 컴포넌트를 표시할 preview 파일과 스토리를 준비합니다. 설치 상태와 지원 버전을 확인한 뒤 설정을 진행합니다.

• 설치된 Storybook의 표시 설정을 준비합니다
• 실제 컴포넌트를 보여 주는 스토리를 작성합니다
• 설정 전에 필요한 버전 조건을 확인합니다

현재 브랜치에서 기존 템플릿에 맞는 초안 풀 리퀘스트를 만듭니다. 변경 사항과 기준 브랜치를 확인하고 설명, 테스트 항목, 라벨을 정리합니다.

• 현재 브랜치에서 초안 풀 리퀘스트 만들기
• 템플릿에 변경 내용과 테스트 정보 채우기
• 단계별 풀 리퀘스트의 비교 기준 확인하기

웹페이지 본문이나 지정 부분을 추출해 Markdown 등으로 저장합니다. JavaScript로 표시되는 페이지 조회와 중단 후 재개할 수 있는 Python 크롤러 작성도 지원합니다.

• 기사 본문을 Markdown으로 저장
• JavaScript로 표시되는 정보 추출
• 봇 방지 기능이 있는 페이지 조회

기존 지식 그래프와 실제 코드를 대조해 특정 파일, 함수, 모듈의 설계상 역할과 호출 관계, 의존성, 입출력 흐름을 자세히 설명합니다.

• 특정 파일의 역할 이해
• 함수 호출 지점과 의존 대상 확인
• 입력부터 출력까지의 흐름 추적

코드에서 업무 영역과 흐름, 개별 단계를 추출해 조작 가능한 가로형 흐름도로 보여 줍니다. 기존 지식 그래프를 활용하거나 가볍게 코드를 스캔합니다.

• 코드에 구현된 업무 흐름 파악
• 업무 영역과 단계 사이의 연결 시각화
• 기존 지식 그래프를 업무 관점으로 정리

코드 구성 요소와 관계를 기록한 지식 그래프로 질문에 답합니다. 관련 파일, 함수, 호출 및 의존 관계를 따라 프로젝트의 작동 방식과 설계 계층을 설명합니다.

• 기능의 작동 방식 이해
• 호출하는 곳과 의존 대상 확인
• 개념과 관련된 코드 탐색

코드, 설정, 문서를 분석해 구성 요소와 의존 관계를 대화형으로 탐색하는 그래프를 만듭니다. 일본어 설명 생성과 변경 내용에 따른 갱신도 지원합니다.

• 처음 접하는 프로젝트 구조 파악
• 구성 요소 사이의 의존 관계 확인
• 설계 설명을 일본어로 생성

분석된 코드베이스의 구조와 관계를 그림으로 살펴보는 대화형 웹 대시보드를 실행합니다. 현재 작업 위치나 지정한 프로젝트의 데이터를 표시합니다.

• 분석된 코드베이스를 그림으로 확인
• 현재 작업 중인 프로젝트의 관계도 열기
• 다른 프로젝트의 분석 결과 확인

Git 변경이나 풀 리퀘스트를 지식 그래프와 대조합니다. 변경 지점과 주변 영향, 설계 계층 간 관계, 검토 시 주의할 위험을 정리하고 시각화 데이터를 저장합니다.

• 풀 리퀘스트 검토 준비
• 커밋하지 않은 변경의 영향 확인
• 설계 계층을 넘는 변경 확인

Archify의 실제 도표와 에이전트 작업 기록으로 정확성·가독성·완료 시간을 평가합니다. 변경 전후를 비교해 배치, 연결선 경로와 작성 절차를 개선합니다.

• 도표 배치와 연결선 경로 비교하기
• 도표 수정이 반복되는 원인 조사하기
• 도표 작성 절차의 개선 효과 검증하기

사용하지 않는 코드, 중복 상태, 불필요한 API와 계층을 조사해 삭제·통합 후보를 근거와 함께 정리합니다. 조사만 하거나 허용된 변경과 검증까지 진행합니다.

• 삭제할 수 있는 코드 찾기
• 중복 상태나 API 통합하기
• 오래된 호환 처리와 설계 기록 검토하기

Archify의 이슈, PR, 코드를 가치·비용·영향으로 검토합니다. 향후 유지보수 부담까지 고려해 지금 처리할지, 다른 방법을 택할지 근거와 함께 정리합니다.

• 보고된 이슈의 우선순위 정하기
• PR의 비용과 영향 확인하기
• 코드의 유지보수성 평가하기