i18n 전문가
React/Next.js/Vue 코드베이스의 다국어(i18n) 세팅부터 하드코딩 문자열 제거, 로케일 키 정합성 검증까지 한 번에 처리하는 스킬.
개발·코딩중급★ 1,323⑂ 212AI 점수 9/10마지막 업데이트: 2026. 8. 8.
무엇을 해주나
- 프레임워크에 맞는 i18n 라이브러리 선택·설치·설정(React는 react-i18next, Next.js는 next-intl, Vue는 vue-i18n)과 Provider 연결
- UI에 박혀 있는 하드코딩 문자열,
aria-label/title/placeholder같은 접근성 텍스트까지 찾아t('namespace.key')로 치환 - 동봉된
scripts/i18n_audit.py로 실제 사용 키와 로케일 JSON을 비교해 누락 키·정합성(parity) 문제를 0이 될 때까지 반복 검증 - 복수형(
_one/_other), 날짜·숫자·시간 포맷(Intl), 언어 스위처와 선택 언어 저장(localStorage/라우트) 구성 - 에러 코드 → 현지화 메시지 매핑. 원본
error.message는 로그에만 남기고 UI에는 번역된 문구만 노출
이런 분께 추천
- 이미 만든 서비스를 뒤늦게 다국어로 확장해야 하는 프론트엔드 개발자
- 로케일 파일이 언어별로 어긋나 있어 누락 번역이 계속 터지는 팀
- 글로벌 릴리스를 앞두고 i18n 구조를 처음부터 제대로 잡고 싶은 개발자
활용 예시
- "이 React 앱에 react-i18next를 붙이고
src/안의 모든 화면 문자열을 키로 바꿔줘" → 설정 파일, 로케일 JSON, 언어 스위처까지 생성 - "en-US와 ko-KR 로케일 키 정합성을 감사해줘" → 감사 스크립트 실행 후 누락 키 목록과 패치 제안
- "백엔드 에러 코드를 현지화된 토스트 메시지로 매핑해줘" →
errors.*네임스페이스 설계 + 알 수 없는 코드용 폴백 문구 추가
· · · 설치 가이드 · · ·
Claude 앱에 설치 (터미널 필요 없음)
- 아래 버튼으로 ZIP 파일을 받으세요.
- Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
- Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
Claude Code에 설치
Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요
클로드스킬마트에서 찾은 스킬을 설치해줘. GitHub 저장소 daymade/claude-code-skills 의 i18n-expert 폴더를 내 ~/.claude/skills/i18n-expert/ 에 그대로 복사해줘. 설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.
직접 명령으로 설치하기
git clone https://github.com/daymade/claude-code-skills.git /tmp/claude-code-skills && mkdir -p ~/.claude/skills && cp -r /tmp/claude-code-skills/i18n-expert ~/.claude/skills/⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.
- 터미널을 엽니다.
- 저장소를 내려받습니다:
git clone https://github.com/daymade/claude-code-skills.git - 스킬 폴더를 만듭니다:
mkdir -p ~/.claude/skills - 이 스킬만 복사합니다:
cp -r claude-code-skills/i18n-expert ~/.claude/skills/ scripts/i18n_audit.py가 함께 복사됐는지 확인합니다:ls ~/.claude/skills/i18n-expert/scripts- 감사 스크립트 실행을 위해 Python 3와 (문자열 검색용)
ripgrep이 설치돼 있는지 확인합니다. - Claude Code를 다시 실행한 뒤 "i18n-expert 스킬로 내 프로젝트 다국어 감사해줘"처럼 요청하고, 한국어가 필요하면 대상 로케일에
ko-KR을 꼭 명시합니다.
GitHub에서 원본 보기 ↗라이선스: MIT