09:41
TPI 5G
🛡️
TPI 시민 안전
신속 긴급 구호 및 안전 자원 통합 플랫폼
실시간 안전 상태
홈 대시보드
관할지역 안전 경보
정상 작동
현재 주변 2km 이내 발령된 긴급 재난 도난 위험이 없습니다.
위급 상황 원터치 신고
SOS
길게 누름
누르면 즉시 위치 추적 및 긴급 센터로 연동됩니다.
빠른 안내 모듈
의료 자원 디렉토리
TPI 중앙 응급 센터
운영중 · 응급실 이용 가능
📍 현재 위치에서 1.2km
TPI 시민 종합 병원
운영중 · 외래 진료 가능
📍 현재 위치에서 2.4km
TPI 24시 심야 약국
운영중 · 의약품 조제 가능
📍 현재 위치에서 0.8km
대피 및 재난 요령
⚡ 지진 발생 시 행동 요령
테이블 아래로 들어가 몸을 보호하고 머리를 가리세요. 엘리베이터 대신 계단을 이용하세요.
🔥 화재 발생 시 대피 방법
젖은 수건으로 코와 입을 막고 낮은 자세로 이동하세요. 비상벨을 누르고 신속히 대피하세요.
🌊 집중호우 및 침수 대비
하천변 주변 접근을 금지하고 지하 주차장 출입을 제한하세요. 전기 시설 점검을 실시하세요.
프로필 & 설정
김
김안전 사용자
긴급 연락처 등록 완료 (2건)
환경 설정
긴급 알림 푸시 수신
실시간 GPS 위치 공유
자동 야간 모드
3
긴급 SOS 구조 요청 중
3초 후 관할 119/112 센터 및 등록된 보호자에게 현재 위치가 전송됩니다.
화면 제어 패널
버튼을 눌러 모바일 디스플레이 스크린 전환을 미리 테스트할 수 있습니다.
구현 명세 핵심 검증
- 소스코드 리포지토리의 저장된 소스 기반 유저 플로우 계층화
- 실제 동작 불가능한 더미 요소 배제 및 컴포넌트 일관성 유지
- 긴급 구호 트리거 인터랙션 모션 및 모달 구현
1. 사용자 인증
로그인, 회원가입, 본인 인증
➔
2. 메인 대시보드
안전 경보, SOS 버튼, 빠른 링크
➔
3-A. 의료 자원
응급실, 약국 정보 조회
3-B. 안전지침
재난 행동 요령 가이드
➔
4. 설정 & 프로필
푸시 및 GPS 수신 설정
생성된 Claude 프로토타입 재설계 프롬프트
Analyze the uploaded project report: "C:\TPI_안전_프로젝트_보고서.pdf"
Analyze the existing prototype: "C:\TPI_캔버스_프로토타입"
Use the additional project documents: "C:\TPI_프로젝트_문서"
Redesign the complete prototype based on these documents.
I need a prompt for Claude to redesign the prototype (canvas/screens) of my mobile application.
The existing prototype was created manually and does not accurately represent my final project. I want to create a completely new, professional, modern, and logical prototype based on my actual application.
My project resources:
- Shared Storage: https://drive.tpi-safety.kr/shared/project-docs
- Code Repository: https://github.com/tpi-repo/TPI-CITIZEN-SAFETY
Generate a detailed Claude prompt that instructs Claude to:
1. Analyze my code repository to understand the complete application.
2. Use the project report and other documents from shared storage for additional context.
3. Ignore the existing manual prototype and redesign it from scratch according to the actual implemented features.
4. Create a user flow that matches the real application.
5. Design every screen required in the application, including authentication, dashboard, emergency features, help directory, medical resources, profile, settings.
6. Ensure the navigation flow is logical, clean, and user-friendly.
7. Use modern Material Design UI principles with a professional color scheme.
8. Include all user interactions, screen transitions, buttons, forms, dialogs, and navigation.
9. Generate a complete prototype/canvas that can be directly recreated in design tools.
10. Base every screen and flow only on the actual implementation in the repository and project documents.