# 📊 실무자가 클릭 한 번으로 끝내는 'HR 전용 AI 대시보드' 상세 프리뷰
## 1. 터미널 창은 안녕! 웹 대시보드가 필요한 이유
앞선 설계기에서 **OpenClaw**를 통해 완벽히 통제되는 보안과, 사내망에서 구동되는 로컬 LLM의 구조를 잡았습니다. 하지만 가장 큰 문제는 **"누가 이것을 쓸 것인가?"** 입니다.
인사(HR) 실무자분들은 개발자가 아니기 때문에 까만 터미널 창(CLI)에서 명령어를 칠 수 없습니다. 따라서 누구나 브라우저를 열고 로그인하여 **마우스 클릭만으로 AI 에이전트에게 업무를 지시할 수 있는 직관적인 웹(Web) 환경**이 필수적입니다.
---
## 2. 대시보드의 핵심 기능 (Core Features)
이 대시보드는 HR 실무자와 뒤에서 일하는 AI 에이전트(OpenClaw)를 연결해주는 통역사이자 조종석입니다.
### 💬 1) 대화형 AI 인터페이스
* **기능**: 직원들의 연봉 계약 상태, 누적 휴가, 고과 평가 등 민감한 질문을 자연어로 질문하고 답변받는 채팅창입니다.
* **보안 포인트**: 질문이 들어오면 웹 대시보드가 이를 사내 로컬 OpenClaw 서버로만 전달하며, 외부 클라우드로는 단 한 글자도 나가지 않습니다.
### 🤖 2) 에이전트 작업 모니터링 (실시간 관제)
* **기능**: 에이전트가 무슨 일을 하고 있는지 확인할 수 있는 관제 화면입니다.
* **예시**: "영업팀 2023년 성과 데이터 분석 중...", "PDF 문서에서 핵심 역량 키워드 추출 중..." 등 현재 AI가 실행 중인 스킬(.md)의 진행 상황과 로그를 한눈에 보여줍니다.
### 📂 3) 스킬(지침서) 관리 및 커스텀
* **기능**: 코딩을 몰라도 에이전트의 성격을 바꿀 수 있는 메뉴입니다.
* **특징**: 인사팀장이 웹 화면에서 텍스트로 "신규 입사자 온보딩 문서를 요약해줘"라고 지침을 변경하면, 백엔드에서 OpenClaw의 스킬 마크다운(.md) 파일이 실시간으로 업데이트되어 에이전트의 수행 능력이 바뀝니다.
---
## 3. 화면(UI) 설계 구상안 (프론트엔드)
* **기술 스택**: 빠르고 동적인 UI를 만들기 위해 **React.js (또는 Next.js)** 기반으로 구상 중입니다.
* **디자인 방향**: 딱딱한 일반 사내 시스템 스타일이 아닌, 세련된 모던 SaaS(소프트웨어 서비스) 형태를 지향합니다. 직관적인 카드형 UI와 부드러운 화면 전환을 고려합니다.
* **구조적 통신**: 대시보드(Front)와 OpenClaw 엔진(Back)은 **RESTful API**를 통해 암호화된 상태로 요청과 응답을 주고받게 연결합니다.
---
## 4. 기대 효과 (Next Step)
이 대시보드가 완성되면, HR 담당자는 복잡한 데이터 취합이나 서류 요약을 AI 에이전트에게 간편하게 위임하고, 본인은 **'사람의 마음을 이해하고 소통하는' 진정한 인사(HR) 업무**에 더욱 집중할 수 있게 됩니다.
다음 스텝으로는 실제로 이 웹 화면의 구조를 잡는 프론트엔드 작업과, 구체적으로 어떻게 API가 엮이는지 다뤄볼 예정입니다.🚀
