AI가 실수를 반복하도록 내버려 두지 마세요: 오픈소스 MCP 관측 대시보드(React 19 + ECharts)를 만들었습니다 🚀

Source: Dev.to

문제: AI‑지원 개발의 고충

• 블랙 박스 – 토큰 사용량이나 시간이 어디에 소요되는지 알 수 없음.
• AI 기억 상실 – AI가 세션 간에 수정 사항을 기억하지 못해 같은 버그를 다시 도입함.

AIDA를 만나보세요 🕵️‍♂️

AIDA (ai‑dev‑analytics)는 오픈소스이며 100 % 로컬 Model Context Protocol (MCP) 서버로, AI 세션에 관측 가능성 레이어를 추가합니다.

단순한 토큰 카운터가 아니라, AIDA는 규칙 자동 코디파이어 역할을 합니다.

✨ 핵심 기능

AIDA가 AI가 궤도를 벗어나거나 아키텍처적 편차를 도입했음을 감지하면, 이를 지속 가능한 프로젝트 규칙(.cursorrules 또는 .clauderules와 호환)으로 자동 정제합니다.
그 결과 AI가 자신의 실수로부터 학습하여 같은 실수를 반복하지 않게 됩니다.

🛠️ 기술 스택

• 대시보드 – React 19, Tailwind CSS 4, 그리고 실시간 ROI와 병목 현상 시각화를 위한 ECharts로 처음부터 직접 구축.
• 런타임 – Node.js + TypeScript.
• 보안 – 100 % 로컬, 런타임 의존성 제로, Glama.ai에서 검증된 A/A/A 점수.

⚡ 빠른 시작 (설정 없이)

레포를 클론하거나 무거운 의존성을 설치할 필요가 없습니다. MCP 클라이언트 설정에 아래 한 줄만 추가하면 됩니다:

{
  "mcpServers": {
    "aida": {
      "command": "npx",
      "args": ["-y", "ai-dev-analytics", "mcp"]
    }
  }
}

🤝 함께 만들어가요

버전 1.0.0이 이제 출시되었습니다. AI 기억 상실에 지치셨고 “바이브 코딩”을 측정 가능하게 만들고 싶다면, AIDA를 한 번 사용해 보세요!

GitHub Repository:

워크플로우에 도움이 된다면 ⭐를 눌러 주세요, 그리고 댓글에 의견을 공유해 주세요! 여러분의 AI가 가장 짜증나게 반복하는 실수는 무엇인가요?