AgentSkillsCN

ts-error-fixer

在组件修改后，自动检测TypeScript编译错误，并根据变更的接口，为受影响的文件提供修改指南。

SKILL.md
--- frontmatter
name: ts-error-fixer
description: 컴포넌트 수정 후 TypeScript 컴파일 에러를 탐지하고, 변경된 인터페이스에 맞춰 영향도가 있는 파일들의 수정 가이드를 제공합니다.
allowed-tools: Bash(tsc, npx)

TS Error Fixer

컴포넌트의 인터페이스가 변경되면, 이를 참조하는 모든 파일에서 타입 에러가 발생할 수 있습니다. 다음 단계에 따라 에러를 추적하고 수정 가이드를 제공하세요.

  1. •컴파일러 실행:
    • •npx tsc --noEmit 명령어를 실행하여 프로젝트 전체의 타입 에러를 수집합니다.
  2. •에러 분석:
    • •발생한 에러 로그 중, 방금 수정한 컴포넌트와 관련된 인터페이스 불일치 에러를 식별합니다. (예: Property 'X' is missing in type...)
  3. •영향도 보고:
    • •에러가 발생한 파일 목록을 사용자에게 보고합니다.
  4. •수정 가이드 작성:
    • •변경된 인터페이스에 맞춰 호출부(Call-site)를 어떻게 수정해야 하는지 코드로 보여줍니다.
    • •"A 컴포넌트의 interface가 변경되었으므로, B 파일의 24번 라인에서 넘겨주는 props를 다음과 같이 수정해야 합니다."라고 구체적으로 제안하세요.

사용법: 컴포넌트 수정 작업이 끝나면 자동으로 실행하거나 /ts-error-fixer 명령어로 호출하세요.