Claude Code로 완성하는
팀 공통 AI 개발 프로세스
← → 키 또는 스와이프로 이동
Claude Code
메인 AI 에이전트
슬래시 커맨드 + 스킬로
팀 워크플로우 자동화
Figma MCP
디자인 파일 직접 파싱
컴포넌트 구조 분석
HTML/CSS 자동 생성
Confluence MCP
업무일지 자동 작성
기획 문서 파싱
CLAUDE.md
팀 규칙 영구 주입
프로젝트별 컨텍스트
각 단계마다 Claude Code 스킬이 연결되어 있습니다.
팀 규칙(CLAUDE.md)이 모든 단계에 자동 적용됩니다.
/plan-analyzer [기획서 파일 또는 URL]
<!-- Figma MCP로 디자인 파싱 후 자동 생성 -->
<script setup lang="ts">
import { ref } from 'vue';
const props = defineProps<{ title: string }>();
const isOpen = ref(false);
</script>
<template>
<div class="component-root">...
</div>
</template>script setup · defineProps 제네릭 · Tailwind 클래스 — 팀 컨벤션 자동 적용
plan-translation-generator
기획서에서 번역 키 후보 추출
i18n JSON 자동 생성
네이밍 컨벤션 자동 적용
markup-edm
Figma → HTML Table 마크업
아웃룩/다크모드 호환 보장
단계별 검수 가이드 포함
두 스킬 모두 Figma MCP 연동으로 디자인을 직접 읽어 산출물을 생성합니다.
gameservice-fe-agent/skills/에서 팀 공용 스킬 관리
각 프로젝트는 심볼릭 링크로 연결 (scripts/link-skills.sh)
공통 저장소에 PR → 머지 후
각 프로젝트에서 scripts/update.sh 실행으로 최신화
/스킬명 [선택적 인자]
coding-conventions
네이밍 규칙, 포맷팅,
import 순서 등 자동 준수
framework-rules
Vue 3 / Nuxt / Tailwind
사용 패턴 일관성 보장
commit-pr
Conventional Commits
PR 템플릿 자동 적용
claude-workflow
탐색 → 계획 → 구현 →
검증 순서 강제 준수
반복은 AI에게, 창의는 개발자에게