[Manus + Antigravity] 대화 한 줄로 데이터 분석 끝 — AI 분석창·스킬·로컬 이식까지 해낸 광고 대시보드 2편

소개

시도하고자 했던 것과 그 이유를 알려주세요.

Manus로 완성한 광고통계 대시보드에 AI 분석 채팅창을 붙이고, 작업 노하우를 스킬 5개로 정리한 뒤, 그 스킬을 Antigravity에 이식해 로컬 환경에서도 동일한 대시보드를 빠르게 재현했습니다.

바쁘시면 이것만 읽어도 돼요:

•Manus로 AI 분석창 추가 — "가장 성장한 Place가 어디야?" 한 마디에 DB 데이터를 직접 집계해서 바로 답변

•외부 API 연동 없이 Manus 내장 LLM(Gemini 2.5 Flash)으로 해결 — 별도 키 발급 불필요

•작업 노하우를 스킬 5개로 정리 — 도구에 종속되지 않는 나만의 레시피

•그 스킬을 Antigravity에 넣었더니 처음부터 설명 없이도 비슷한 구조로 빠르게 재현

•Manus(초기 틀) + Antigravity(로컬 최적화) 하이브리드 전략으로 토큰 비용은 줄이고 결과물 퀄리티는 유지

이런 분들께 도움돼요

•AI 도구로 업무 자동화에 관심 있는 비개발자, 특히 광고·마케팅 데이터를 다루는 분들

•대시보드를 만들었는데 "데이터를 보고 직접 분석하는 게 번거롭다"고 느끼는 분들

•Manus, Antigravity 등 여러 AI 도구를 쓰면서 "도구마다 장단점이 다른데 어떻게 조합하지?" 고민하는 분들

•사내 민감한 데이터를 클라우드에 올리기 껄끄러워 로컬 환경이 필요한 분들

진행 방법

어떤 도구를 사용했고, 어떻게 활용하셨나요?

Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.

Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.

Tip: 코드 전문은 코드블록에 감싸서 작성해주세요. ( / 을 눌러 '코드 블록'을 선택)

문제 상황 (Before)

1편에서 Manus로 광고통계 대시보드를 완성했지만, 두 가지 아쉬움이 남아 있었습니다.

첫째, 데이터를 보고 직접 분석하는 데 시간이 걸렸습니다. 대시보드에는 수치가 가득하지만, "이번 달 가장 성장한 지면이 어디야?"라는 질문에 답하려면 여러 탭을 오가며 직접 비교해야 했습니다. 동료가 "AI와 대화 방식으로 데이터를 분석하면 인사이트 도출이 훨씬 빠를 것 같다"는 아이디어를 냈고, 그게 AI 분석창 추가의 시작이었습니다.

둘째, 같은 종류의 대시보드를 다시 만들 때 처음부터 반복해야 하는 문제가 있었습니다. 스터디장 브라이언이 "작업 노하우를 스킬로 만들어보라"고 제안했고, 그 스킬이 다른 AI 도구에서도 통하는지 검증해보고 싶었습니다.

작업 과정

1. "가장 성장한 Place가 어디야?" — AI 분석창 추가

동료의 아이디어를 받아 Manus에 바로 요청했습니다.

Plain Text

대시보드에 분석창을 만들어서 AI API와 연동해서 데이터 분석을 하고 싶어. 내가 최근 한달 사이에 가장 실적이 성장한 place가 어딘지 물어보면 AI가 데이터를 분석해서 답변을 해주는 방식으로 만들어줘.

처음에는 외부 AI API 키를 발급받아야 하나 걱정했는데, Manus가 플랫폼 내장 LLM으로 해결해줬습니다. 별도 키 발급이나 설정 없이 바로 연동됐고, 실제로 "최근 한 달 가장 성장한 Place가 어디야?"라고 물었더니 DB 데이터를 직접 집계해서 순위와 성장률까지 답해줬습니다. 궁금한 질문이 빠르게 해결되는 점이 인상적이었습니다.

완성된 AI 분석창에는 자주 쓸 것 같은 추천 질문 7개도 버튼으로 배치되어 있어, 클릭 한 번으로 바로 분석을 시작할 수 있습니다. 이전 대화 맥락도 유지되어 "그럼 그 중에서 매출 기여도가 가장 높은 건?" 같은 꼬리 질문도 자연스럽게 이어집니다.

2. 작업 노하우를 스킬 5개로 정리 — 나만의 레시피 만들기

스터디장 브라이언의 제안으로 스킬 작업에 들어갔습니다. 스킬을 어떻게 나눠야 할지 기준이 없어서 Manus에게 먼저 물었습니다.

Plain Text

내가 만든 광고 대시보드를 나중에 다시 만들 때 사용할 수 있도록 스킬을 만들고 싶어. 하나가 아니고 몇 개로 나눠서 만들면 좋을 것 같아. 내가 주었던 프롬프트 단계 또는 주요 기능을 나눠서 추천해줘.

Manus가 전체 작업을 분석해서 5개 단위로 나눠 추천해줬습니다. 스킬을 정리하다 보니 내가 어떤 순서로 무엇을 만들었는지 한눈에 보이는 부수 효과도 있었습니다.

스킬

담당 기능

ad-dashboard-core

CSV 업로드 → DB 저장 → KPI 집계 → 날짜 슬라이더

ad-dashboard-sections

앱별·ADPF별·뉴스 섹션 탭 차트

ad-dashboard-insight

인사이트 자동 분석 + 히스토리 스냅샷

ad-dashboard-ai-analysis

AI 자연어 분석 채팅창

ad-dashboard-public-mode

익명화 공개 모드 + 사외 공유 URL

스킬의 핵심은 도구에 종속되지 않는 나만의 레시피라는 점입니다. Manus에서 만든 스킬이지만, 다른 AI 도구에도 그대로 넣을 수 있습니다.

3. Manus 스킬을 Antigravity에 이식 — 하이브리드 전략 검증

스킬을 만들고 나서 바로 Antigravity에서 검증 실험을 했습니다. 기존 Manus 코드베이스와 만들어둔 스킬을 함께 넘겨주고 로컬 환경으로 이관을 요청했습니다.

Plain Text

기존 Manus 환경에서 개발하던 광고통계 대시보드를 Antigravity 기반 플랫폼으로 마이그레이션해줘. 백엔드 데이터베이스를 외부 DB가 아니라 내 로컬 환경에서 가볍게 쓸 수 있도록 SQLite와 Drizzle ORM으로 바꿔주고, 디자인은 Tailwind CSS를 써서 모던한 '다크 테마'로 싹 고쳐줘.

처음부터 설명하지 않아도 스킬 덕분에 비슷한 구조로 빠르게 진행됐습니다. Antigravity가 기존 코드베이스를 파악하고 Drizzle ORM 변환과 다크 테마 UI를 매끄럽게 적용했습니다. 7만 건 이상의 대용량 CSV를 처리하기 위한 청크 단위 업로드 기능도 알아서 구성했습니다.

마이그레이션 후 CSV 업로드를 테스트하다 에러가 발생했습니다.

Plain Text

SQLite로 변환 후 CSV 파일 업로드를 테스트해보니 데이터 적재가 실패해. uploadedAt 필드에 NOT NULL 제약 조건 에러가 발생하는데, 원인을 파악하고 고쳐줘.

에러 로그만 툭 던졌는데, Antigravity가 프런트엔드 업로드 컴포넌트와 백엔드 API 라우터 사이에서 데이터 매핑이 누락된 지점을 스스로 찾아냈습니다. 단순히 수정 위치를 알려주는 게 아니라 구조적인 원인까지 설명하며 해결했습니다.

사용한 도구

도구

역할

Manus

AI 분석창 추가, 스킬 5개 생성

Antigravity

Manus 스킬을 활용한 로컬 환경 대시보드 재현, SQLite 마이그레이션

결과와 배운 점

배운 점과 나만의 꿀팁을 알려주세요.

과정 중에 어떤 시행착오를 겪었나요?

도움이 필요한 부분이 있나요?

앞으로의 계획이 있다면 들려주세요.

Before vs After

항목

Before

After

데이터 분석 방식

여러 탭을 오가며 직접 비교

자연어 질문 한 줄로 즉시 답변

동일 대시보드 재현

처음부터 전체 설명 반복 필요

스킬 전달만으로 빠르게 재현

로컬 환경 운영

외부 플랫폼 종속

SQLite 기반 독립 로컬 환경 확보

토큰 비용

유지보수에도 높은 소모

Antigravity로 로컬 디버깅 분산 처리

💬 이 과정에서 배운 AI 활용 팁

효과적이었던 것

1. AI 도구는 목적에 맞게 나눠서 쓰세요.

Manus는 초기 틀을 빠르게 잡는 데, Antigravity는 로컬 환경에서 치밀하게 다듬는 데 강합니다. 처음부터 하나의 도구에 모든 것을 맡기기보다, 각 도구의 장점을 살려 분산하면 비용은 줄이고 결과물 퀄리티는 유지할 수 있습니다.

2. 스킬은 한 번 만들면 도구를 가리지 않습니다.

Manus에서 만든 스킬을 Antigravity에 그대로 넣었더니 처음부터 설명하지 않아도 비슷한 구조로 빠르게 진행됐습니다. 스킬은 특정 도구에 종속되지 않는 나만의 레시피입니다.

3. 외부 API 연동 걱정은 먼저 물어보고 나서 해도 늦지 않습니다.

AI 분석창을 만들 때 외부 API 키가 필요할 것이라 걱정했지만, Manus 내장 LLM으로 해결됐습니다. 먼저 시도해보고 안 되면 그때 대안을 찾는 방식이 훨씬 효율적입니다.

이렇게 하면 안 돼요

1. 모든 작업을 하나의 AI 도구에 몰아주지 마세요.

각 도구마다 특화된 강점이 다릅니다. 하나의 완벽한 도구를 찾기보다 목적에 맞게 조합하는 것이 더 효율적입니다.

2. 작업 노하우를 머릿속에만 담아두지 마세요.

스킬로 정리해두면 다음 작업에서 시간을 크게 절약할 수 있고, 다른 AI 도구에도 그대로 활용할 수 있습니다.

🌍 다른 업무에 적용한다면?

이번 경험은 광고 데이터에만 국한되지 않습니다. 매출 데이터, 고객 데이터, 운영 지표 등 반복적으로 분석해야 하는 데이터가 있다면 동일한 방식으로 AI 분석창을 붙일 수 있습니다. 스킬 역시 "우리 팀이 자주 만드는 대시보드 유형"을 정리해두면 팀 전체의 작업 속도를 높이는 공유 레시피가 됩니다.

🚀 앞으로의 계획

스킬을 더 다듬어서 다른 종류의 대시보드에도 적용해볼 계획입니다. AI 분석창도 현재는 기간 비교 위주이지만, 더 다양한 분석 질문에 답할 수 있도록 기능을 확장하고 싶습니다. 로컬 환경도 확보했으니 정기 리포트 자동 생성이나 주간 광고 성과 자동 발송 파이프라인 같은 추가 자동화 아이템도 도전해볼 예정입니다.

도움 받은 글 (옵션)

참고한 지피터스 글이나 외부 사례를 알려주세요.

(내용 입력)

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요