DevTools

기술 기록

Claude Code는 앱이다 — Agentic Loop, 토큰 흐름, Hook의 동작 원리

Claude Code의 실체는 API를 반복 호출하는 Node.js 루프 프로그램. 턴별 토큰 흐름과 Hook의 개입 지점 정리

같은 Figma 디자인인데 AI가 매번 다른 코드를 만드는 문제를 JSON 매핑으로 해결한 과정

MCP 기반에서 Python + REST API로 전환하며 체감한 두 방식의 차이와 조합 패턴 정리

외주 프로젝트에 적용 중인 Figma → 코드 자동화 파이프라인 설계 기록

Figma 퍼블리싱 파이프라인 포팅 경험을 바탕으로 쉘 스크립트와 Python의 선택 기준 정리

오케스트레이터 → 실행 스킬 → 서브에이전트 구조로 Figma 디자인을 Next.js 코드로 자동 변환하는 스킬 시스템 설계기

Claude Code 스킬 시스템으로 Figma 디자인을 Next.js 코드로 자동 퍼블리싱하는 워크플로우를 구축했다. 안정적인 대규모 디자인 처리를 위한 아키텍처를 5라운드에 걸쳐 개선한 기록.

Figma 반응형 퍼블리싱 시 컨텍스트 한계로 AI가 추측하는 문제를, 섹션 분할과 Skill→Agent 위임 패턴으로 해결한 과정

Claude Code에서 AI를 활용하는 두 가지 핵심 패턴을 실제 프로젝트 적용 사례와 함께 비교한다.

Claude Code의 턴별 토큰 누적 재전송 원리와 스킬/서브에이전트/팀 실행 환경 비교, 멀티 페이지 퍼블리싱 최적화 전략 정리

매 세션마다 같은 규칙을 반복 설명하는 대신, CLAUDE.md와 Memory 시스템으로 프로젝트 규칙을 자동화하는 방법을 정리했다.

Figma MCP의 데이터 잘림 문제를 노드 트리 분석과 서브에이전트 병렬 실행으로 해결하는 방법을 정리했다.