23570d3ee9
- docs/system/ai-automation-vision.md 장기 비전 기술문서 생성 - docs/rules/slides/usage-plan/ 7장 HTML 슬라이드 + PPTX 변환 - INDEX.md에 ai-automation-vision.md 등록
69 lines
4.5 KiB
HTML
69 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<style>
|
|
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
|
|
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Pretendard', sans-serif; }
|
|
body { width: 960px; height: 540px; background: #f8fafc; overflow: hidden; position: relative; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div style="background: #0f172a; padding: 16px 40px;">
|
|
<p style="white-space: nowrap; font-size: 20px; font-weight: 700; color: #ffffff;">AI 자동화 현황 & 로드맵</p>
|
|
<p style="white-space: nowrap; font-size: 11px; color: #94a3b8; margin-top: 4px;">구현 완료된 AI 기능과 향후 계획</p>
|
|
</div>
|
|
|
|
<div style="display: flex; gap: 18px; padding: 16px 40px 0 40px;">
|
|
<div style="flex: 1;">
|
|
<div style="margin-bottom: 10px;">
|
|
<div style="background: #dcfce7; border-radius: 10px; padding: 3px 10px; display: inline-block;">
|
|
<p style="white-space: nowrap; font-size: 10px; font-weight: 600; color: #059669;">구현 완료</p>
|
|
</div>
|
|
</div>
|
|
<div style="background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 10px; padding: 12px; margin-bottom: 8px;">
|
|
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #065f46;">AI 재무 분석</p>
|
|
<p style="font-size: 9px; color: #047857; margin-top: 4px; line-height: 1.5;">CEO 대시보드에서 매출/비용/손익 AI 분석. Claude API로 자연어 인사이트 제공.</p>
|
|
</div>
|
|
<div style="background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 10px; padding: 12px; margin-bottom: 8px;">
|
|
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #065f46;">STT 음성 입력</p>
|
|
<p style="font-size: 9px; color: #047857; margin-top: 4px; line-height: 1.5;">상담 메모, 현장 보고를 음성 입력. 자동 텍스트 변환 후 시스템 기록.</p>
|
|
</div>
|
|
<div style="background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 10px; padding: 12px;">
|
|
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #065f46;">Claude Code 개발 자동화</p>
|
|
<p style="font-size: 9px; color: #047857; margin-top: 4px; line-height: 1.5;">SAM 시스템을 Claude Code로 개발. 코드 생성, 리뷰, 배포 자동화.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="flex: 1;">
|
|
<div style="margin-bottom: 10px;">
|
|
<div style="background: #dbeafe; border-radius: 10px; padding: 3px 10px; display: inline-block;">
|
|
<p style="white-space: nowrap; font-size: 10px; font-weight: 600; color: #2563eb;">향후 계획</p>
|
|
</div>
|
|
</div>
|
|
<div style="background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 10px; padding: 12px; margin-bottom: 8px;">
|
|
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #1e40af;">AI 견적 자동 생성</p>
|
|
<p style="font-size: 9px; color: #1d4ed8; margin-top: 4px; line-height: 1.5;">고객 요구사항 입력 시 과거 데이터 기반 최적 견적 자동 산출.</p>
|
|
</div>
|
|
<div style="background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 10px; padding: 12px; margin-bottom: 8px;">
|
|
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #1e40af;">AI 공정 최적화</p>
|
|
<p style="font-size: 9px; color: #1d4ed8; margin-top: 4px; line-height: 1.5;">생산 데이터 분석으로 최적 공정 순서, 자재 배치 제안.</p>
|
|
</div>
|
|
<div style="background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 10px; padding: 12px;">
|
|
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #1e40af;">AI 고객 상담</p>
|
|
<p style="font-size: 9px; color: #1d4ed8; margin-top: 4px; line-height: 1.5;">FAQ 자동 응답, 견적 문의 자동 접수. 필요 시 담당자 연결.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="margin: 12px 40px 0 40px; border-left: 3px solid #6366f1; padding: 8px 12px; background: #f5f3ff; border-radius: 0 8px 8px 0;">
|
|
<p style="font-size: 11px; color: #4338ca; font-style: italic;">"공정의 다양성은 천차만별. 이를 AI와 데이터로 정복하는 것이 SAM의 연구 과제다."</p>
|
|
</div>
|
|
|
|
<div style="position: absolute; bottom: 12px; left: 40px; right: 40px; display: flex; justify-content: space-between;">
|
|
<p style="white-space: nowrap; font-size: 9px; color: #94a3b8;">SAM 활용방안 | (주)코드브릿지엑스</p>
|
|
<p style="white-space: nowrap; font-size: 9px; color: #94a3b8;">6 / 7</p>
|
|
</div>
|
|
</body>
|
|
</html>
|