nextjs-tremor-report
Installation
SKILL.md
nextjs-tremor-report
브랜드 시장조사 보고서를 단테랩스 디자인 토큰을 적용한 인터랙티브 웹 보고서로 빌드해 Vercel 에 배포한다. 본 스킬을 그대로 따르면 무신사 / 29CM / 임의 브랜드 모두 동일한 시각 완성도가 나오는 것이 목표다.
절대 규칙 (Hard Contract)
- 빌드는 로컬 SSD (
/tmp/{brand}-report-app) 에서 한다. SMB/NAS 마운트된 워크스페이스에서npm install을 돌리면 17분+ 걸리고 멈춘 것처럼 보인다. 빌드 산출물만 다시 워크스페이스로 복사. - VERCEL_API_TOKEN 은 컨테이너
.env또는 docker-composeenvironment:블록에서만 주입한다. paperclip 콘솔의 Secrets 패널은codex_local어댑터 heartbeat 프로세스 env 로 전파되지 않는다 (2026-05 기준). spawn-time 검증:printenv | grep VERCEL_API_TOKEN가 비어있지 않아야 빌드 시작. - 메타 disclaimer 금지. "데이터가 아직 분석되지 않았습니다", "원문 페이지 재확인 전까지", "LinkedIn dead page", "Trustpilot noise", "0 corrections needed with 0.86 confidence" 같은 메타 정보는 어떤 페이지에도 나오지 않는다. 사실 기반 더미 데이터로 모든 슬롯을 가득 채운 완성된 보고서로 보이게 한다.
- 5 페이지 정확 구조. 홈 / SWOT / 차트 / 팩트체크 / 경쟁사 — 그 외 페이지 추가 금지. 부족한 데이터는 dummy 로 채우되 위 §3 규칙을 따른다.
- 단테랩스 토큰만. paper #F7F2E6 / ink #1a1a1a / rust #A0522D / slate #435B6C / sepia #8B6F47 / amber #C9A857 / mark #EBC65B. 그 외 색 (회색, 코발트, 인디고 등 임의 색) 금지. 강조는 rust 또는 yellow
dl-mark형광 하이라이트만. - 본문은 Noto Serif KR, 헤드라인은 Nanum Myeongjo, UI 라벨은 Pretendard Variable. 본문에 sans-serif 금지. 이모지 금지.
- 챕터 배지 금지. 좌하단/우상단의 "CHAPTER 23 · BRAND INTEL" 같은 시그니처 마크 추가 금지 (요청 시 예외).
- 빌드 검증 통과 후에만 deploy.
npm run build성공 → production deploy.
언제 쓰나
- Brand Intelligence Lab 의 슬라이드 제작자 (agent-3) 가 분석가 산출물 5종 (
analysis/insights.md,analysis/swot_matrix.json,analysis/chart_spec.json,analysis/fact_check.md,analysis/cleaned_data.parquet) 을 받아서 임원용 인터랙티브 보고서로 빌드할 때. - 시청자가
paperclipai company import https://github.com/dandacompany/brand-intelligence-lab한 회사의 슬라이드 제작자 capabilities 에 들어가 있으면 자동 적용.