ABTI 디자인표준2026 적용 + 파이프라인 수정

2026-05-19 | abti.crowny.org:9811

개요

ABTI(AI-Based Type Indicator) 프로젝트에 크라우니디자인표준2026 peace/light 팔레트를 적용하고, 자동화 파이프라인 6개 버그를 수정했습니다.

#46 크라우니디자인표준2026 적용

디자인 변경 요약

항목	이전 (dark)	이후 (peace/light)
배경	#0a0a1a (다크)	#FAF7F2 (진주)
accent	#7c6cf0 (퍼플)	#A8874A (브론즈)
display 폰트	Space Grotesk	Cormorant Garamond
border-radius	16px	6-12px
transition	0.2s	400-600ms
그림자	heavy	shadow-sm/md 최소
font-weight	500-700	300-500

peace 업종 규칙 8개 (P01~P08) 전부 적용

• P01: 밝은 모드 기본
• P02: 충분한 여백 (spacing tokens)
• P03: 단색 브론즈 accent
• P04: 최소 그림자
• P05: outline 아이콘
• P06: 가벼운 weight
• P07: 느린 전환 (400-600ms)
• P08: 토스트 상단 중앙

수정 파일

• public/css/style.css — 478줄 전면 교체
• public/index.html — 폰트 링크, theme-color, status-bar
• public/css/style.한선 — 622줄 31함수 (고수준 한선씨)
• public/index.한선 — 4항목 업데이트
• CLAUDE.md — 신규 생성

#47 자동화 파이프라인 수정

수정된 6개 버그

1. writeTriggerFile() PATCH/DELETE 누락 — server.js에 추가
2. 중복 plan add 제거 — server.js에서 auto-execute.sh로 단일화
3. dispatch 파일 미정리 — auto-execute.sh에 rm 추가
4. CONTENT 쉘 안전 처리 — SAFE_CONTENT 변수 도입
5. 로그 경로 영구화 — /tmp → 프로젝트 내 data/
6. orphan dispatch 파일 — 4개 정리 완료

수정 파일

• server.js — writeTriggerFile 3곳, plan add 제거
• scripts/auto-execute.sh — SAFE_CONTENT, rm, LOG 경로

#48 고도화 2차 (같은 날)

완료된 고도화 항목 (10개)

1. type-art.js light 팔레트 — 16개 PALETTES bg를 dark→pastel로 교체, SVG gradient opacity 조정
2. 결과 심화 콘텐츠 — 16개 유형에 growthPath(도구+스킬+팁) + compatibility(best/challenging) + career(4개) 추가
3. 가중치 시스템 — 축당 4개 핵심 질문에 weight 1.5 부여 (총 16개), 나머지 1.0 유지
4. 신뢰도 점수 — calculateConfidence(): 일관성(60%) + 마진(40%) 기반 0~100% 신뢰도
5. 신뢰도 다국어 — 16개 언어 전체에 confidence 라벨 (veryHigh/high/moderate/developing/label)
6. OG 이미지 — /api/og/:typeCode SVG 생성 (1200x630, peace 팔레트, 16유형 이름 포함)
7. 동적 OG 메타 — showResult()에서 유형 확정 시 og:image, twitter:image 동적 업데이트
8. 카드 다운로드 — Canvas API로 PNG 생성 (1200x630), 결과 + 프로필 패널 둘 다 연결
9. 프로필 패널 강화 — 저장된 신뢰도 + 커리어 태그 + 호환 유형 표시
10. 통계 API 확장 — langDistribution, avgConfidence, axisAverages 필드 추가

수정 파일

• public/js/app.js — answerHistory, calculateConfidence(), 동적 OG, 프로필 강화, 카드 다운로드
• public/js/i18n.js — 16개 유형 심화 데이터(en), 16개 언어 confidence 라벨, weight 1.5 (16문항)
• public/js/type-art.js — 16 PALETTES light bg, SVG opacity
• public/css/style.css — confidence, deep-content, profile-confidence CSS
• server.js — /api/og/:typeCode, /api/stats 확장
• public/index.html — og:image 동적 ID, twitter:image 추가

한선씨 동반 파일 업데이트

• public/js/app.한선 — answerHistory, calculateConfidence, saveProfile 반영
• public/css/style.한선 — ABTI_CSS신뢰도점수() 섹션 추가

추가 완료 항목 (5개)

1. 한국어 types 심화 — 16유형 전부에 growthPath/compatibility/career 한국어 번역
2. 키보드 단축키 — 질문 시 1/2키로 선택, 시작화면 Enter/Space
3. 진행바 축 표시 — 현재 질문의 축(H/T, C/P, L/I, A/V) 배지 표시
4. 결과 단계 애니메이션 — summary→axes→confidence→deep→actions 순차 fade-in
5. 통계 API 확장 — langDistribution, avgConfidence, axisAverages 필드

잔여 이슈

• ABTI 서비스를 premium.crowny.org SERVICE_MAP에 peace 업종으로 등록하면 자동 CSS 생성 가능
• 나머지 14개 언어(ja, zh 등)에도 growthPath/compatibility/career 추가 가능