실제 UI 목업과 README 화면 안내 · 2026-10-12
원인
공개 README는 설치와 사용 흐름을 글로 설명했지만, 타워와 직원 에이전트의 실제 화면을 포함하지 않았습니다. 검사 중, 재검증 중과 전송 대기처럼 상태가 달라지는 상황도 화면으로 비교하기 어려웠습니다.
사용자는 실제 제품 UI를 바탕으로 상황별 목업을 자세히 만들고 Git README에 포함하도록 요청했습니다.
해결 방법
실제 HTML·CSS·JavaScript를 브라우저에서 실행해 타워 8장과 에이전트 8장, 총 16장의 목업을 만들었습니다. UI의 메뉴, 표, 버튼과 대화상자는 제품 소스를 사용했습니다. 직원 계정, 파일과 수치는 별도의 가상 데이터로 제공합니다.
화면 밖의 제목과 설명은 각 상황의 사용 방법을 안내하는 문서용 프레임입니다. 모든 이미지에 가상 데이터 표시를 넣었습니다. 임의로 그린 기능이나 실제 운영 결과를 보여 주는 것으로 표현하지 않았습니다.
포함한 상황
| 타워 · 담당자 | 에이전트 · 직원 |
|---|---|
| 운영 개요와 우선 확인 항목 | 첫 점검 시작 |
| PC별 연결·검사 상태 | 검사 진행 중 |
| AI 1차 판독과 사람의 최종 검토 | 파일과 탐지 근거 확인 |
| 완료 보고와 조치 이행 | 정리했음 클릭 후 내용 재검사 중 |
| 다섯 결과의 재검증 증적 | 탐지 없음·재탐지·파일 없음·보호·실패 |
| 문서 자동 분류와 추가 판독·실패 | 오프라인과 Tower 전송 대기 |
| 등록 키의 이름·기한·사용 수 | 암호화·권한·시간 초과로 읽지 못한 파일 |
| 검사 정책과 공통 문맥 길이 | 파일 보호 암호 설정·변경 |
공개 README 상단에 두 역할의 미리보기를 배치했습니다. 본문에 모든 상황을 넣고, 주요 화면은 바로 표시합니다. 나머지는 펼쳐서 볼 수 있습니다. 전체 화면 안내에는 16개를 큰 이미지로 제공합니다.
실제 UI 예시
사용한 소스와 재현
- 타워: 현재 관리 UI 소스
a717ca2376f7cd9692b87ba2a8696a22da20da58와 회사 UX Kit1.11.0를 재사용했습니다. UI를 새 디자인으로 바꾸거나 Kit을 업그레이드하지 않았습니다. - 에이전트: 공개 소스
b915c4282c22fddf37a7daf1e981373d7d54cf09의 직원 UI와 버전0.2.40를 사용했습니다. tools/render-readme-screens.cjs와 문서용 가상 데이터 두 파일을 공개 저장소에 넣었습니다. 격리된 127.0.0.1 서버와 브라우저만 사용합니다.docs/media/screens/manifest.json에 사용한 UI 파일·렌더러·가상 데이터의 체크섬과 PNG의 크기·체크섬을 기록했습니다.- 화면과 문서를 처음 게시한 커밋은
25604efbf9c09d68b927af76e86fe1b8a475ac03입니다. 에이전트 실행 파일과 기존 릴리즈 태그는 변경하지 않았습니다.
타워 이미지는 현재 타워 관리 UI의 원본 작업 사본을 사용합니다. 공개 tower/ 스냅샷과 배포된 Windows 시험판의 화면 구성까지 동일하다고 표현하지 않습니다. 같은 디자인의 재현 조건은 이미지 원본과 재현 안내에 남겼습니다.
확인한 결과
| 검사 | 결과 |
|---|---|
| 실제 UI 렌더링 | 16개 상태의 제목·주요 문구·버튼·실제 대화상자 표시 확인 |
| 제품 화면 | 문서용 제품 iframe에서 가로 넘침 없음. 타워 Kit 1.11.0 확인 |
| 렌더링 오류 | 브라우저 오류·자산 로딩 실패 0건 |
| 운영 접근 | 운영 API·외부 출처 요청 0건. 실제 DB·직원 파일·실사용 키·암호 사용 없음 |
| 이미지 | PNG 16개, 각 2250 × 1781px. 합계 3.95 MiB |
| 이미지 무결성 | 최종 16개 PNG, 렌더러와 가상 데이터의 SHA-256 일치 |
| Gitea README | 미리보기 포함 그림 18개, 펼침 9개. 실제 게시 페이지에서 표시 확인 |
| 문서 너비 | 1440px·390px에서 펼침 전후 README 수평 넘침 없음 |
| 상세 안내 | 게시된 전체 안내에 이미지 16개 표시 |
| 공개 다운로드 | 인증 없이 게시 PNG 16개를 다시 받아 크기·SHA-256 대조. 모두 일치 |
| 문서 본문 | 게시 README, 전체 화면 안내, 재현 문서가 작업 사본과 일치 |
| 공개 소스 | 운영 파일·개인 키·내장 연결 주소 검사 통과 |
이번 검증은 문서 이미지와 UI 상태 표시를 확인한 결과입니다. 가상 재검사 결과를 실제 파일 검사의 완료 증적으로 보지 않습니다. 실제 OS 설치, 파일 암호화와 에이전트 1,000대 운영 시험을 새로 수행하지 않았습니다. 공개 에이전트와 타워의 운영 버전도 바꾸지 않았습니다.
제안사항
UI나 상태 문구가 바뀔 때 같은 소스 기준으로 해당 목업과 안내를 갱신합니다. 생성기는 수동 실행 도구이며 자동 촬영·CI 게시가 구축된 것으로 표현하지 않습니다.
원문: 공개 소스 82b4806. 문서 갱신일 2026-10-12.