챕터별 상세
MCP의 구조적 한계와 토큰 낭비 문제
MCP 서버를 추가할 때마다 모든 도구의 JSON 스키마가 에이전트의 컨텍스트에 포함된다. 실제 작업과 관련 없는 도구 정보까지 로드되어 컨텍스트 윈도우를 불필요하게 점유한다. Chrome MCP 도구의 경우 약 4,000 토큰을 소모하지만, 동일한 기능을 수행하는 CLI 지침은 단 95 토큰만 사용한다. 이러한 구조는 에이전트의 확장성을 저해하고 운영 비용을 상승시킨다.
Model Context Protocol(MCP)은 Anthropic이 제안한 표준으로, AI 모델이 외부 데이터나 도구에 접근할 수 있게 해주는 프로토콜이다.
Skill과 CLI 기반의 새로운 에이전트 아키텍처
에이전트 Skill 개념은 SKILL.md 파일에 프롬프트 스니펫과 리소스 목록을 정의하는 방식이다. 에이전트가 특정 기술을 호출할 때만 관련 컨텍스트를 주입하므로 스킬당 10~50 토큰만 추가된다. 이 방식을 사용하면 수천 개의 스킬을 추가해도 컨텍스트 윈도우가 폭발하지 않는다. 모델은 직접 도구를 호출하는 대신 쉘 명령어를 실행하여 필요한 작업을 수행한다.
Skill 패턴은 에이전트에게 특정 작업 수행 능력을 모듈화하여 부여하는 설계 방식이다.
Agent Browser를 통한 토큰 절감 실증
Chrome DevTools MCP와 CLI 기반의 agent-browser를 비교한 결과 실질적인 성능 차이가 확인됐다. MCP 방식은 클릭, 스크롤 등 모든 세부 기능을 개별 도구로 로드하여 전체 컨텍스트의 2% 이상을 점유한다. 반면 CLI 방식은 단일 도구로 쉘 명령을 실행하여 동일한 UI 테스트를 수행한다. 결과적으로 작업 완료 후 남은 컨텍스트가 MCP 대비 70% 이상 많았다.
Playwright는 웹 브라우저 자동화를 위한 라이브러리로, agent-browser의 핵심 엔진으로 사용된다.
MCPorter를 활용한 기존 MCP의 CLI 전환
MCPorter는 TypeScript나 CLI 환경에서 MCP 서버를 직접 호출할 수 있게 해주는 오픈소스 도구이다. 이를 통해 기존에 구축된 MCP 서버들을 수정하지 않고도 'Skill + CLI' 패턴으로 전환할 수 있다. npx mcporter list 명령으로 도구 목록과 스키마를 확인하고, 에이전트가 필요할 때만 해당 명령어를 실행하도록 구성한다. Manus와 같은 고급 에이전트 시스템이 사용하는 계층적 액션 공간(Hierarchical Action Space)을 개별 개발자도 구현할 수 있다.
계층적 액션 공간은 에이전트가 사용할 수 있는 도구를 중요도나 빈도에 따라 여러 층으로 나누어 관리하는 설계 기법이다.
Superdesign CLI를 이용한 실전 에이전트 확장
Superdesign CLI 스킬을 Claude Code에 추가하여 디자인 에이전트를 연동하는 과정을 시연했다. 에이전트는 CLI를 통해 전문 디자인 에이전트를 호출하고 무한 캔버스에서 디자인을 검토한다. MCP 도구 없이도 복잡한 디자인 워크플로를 자동화하며, 새로운 디자인을 추가하거나 프롬프트 라이브러리를 조회하는 작업을 수행했다. 설치와 인증 과정이 CLI 명령어로 단순화되어 에이전트가 스스로 환경을 설정할 수 있다.
Superdesign은 AI를 활용해 UI/UX 디자인을 생성하고 관리하는 플랫폼이다.
언급된 리소스
AI 분석 전체 내용 보기
AI 요약 · 북마크 · 개인 피드 설정 — 무료
출처 · 인용 안내
원문 발행 2026. 01. 24.수집 2026. 02. 21.출처 타입 YOUTUBE
인용 시 "요약 출처: AI Trends (aitrends.kr)"를 표기하고, 사실 확인은 원문 보기 기준으로 진행해 주세요. 자세한 기준은 운영 정책을 참고해 주세요.
