웹 앱 프롬프트 정리 도구 만들기

프롬프트 오거나이저 앱을 구축하세요. 기능과 구축 방법에 대해 간단히 생각하되, 사고 과정에는 코드가 전혀 포함되지 않아야 합니다: 앱 이름: 프롬프트 오거나이저 핵심 목적: 사용자가 AI 프롬프트를 브라우저에서 직접 저장, 편집, 삭제, 분류할 수 있는 웹 기반 도구 주요 기능: - 로컬 저장 기반 - 세션 간 지속성을 위해 localStorage 또는 IndexedDB 사용 프롬프트 관리: 다음 항목으로 프롬프트 저장: - 제목 - 설명 - 태그 - 전체 프롬프트 텍스트 기존 프롬프트 편집 프롬프트 삭제 벤토 형식으로 프롬프트 보기 구성 및 검색: - 가로 목록에서 태그 기반 필터링 - 키워드로 전체 텍스트 검색 정렬 기준: - 생성 날짜 - 수정 날짜 UI 디자인: 단일 파일 앱 (모두 하나의 HTML 파일에 포함) 깔끔하고 현대적이며 반응형 레이아웃 흰색 배경 레이아웃: 상단에 왼쪽 정렬된 "프롬프트 오거나이저" 제목, 오른쪽 정렬된 검색 아이콘 (모바일), 오른쪽 정렬된 검색 바 (데스크톱, 아래 가로 목록의 태그 필터, 오른쪽 하단 모서리에 "+" 검정 아이콘. 초기 설정: - 첫 로드 시 예제 프롬프트로 채움 - 모든 로직은 바닐라 HTML, CSS, JavaScript로 처리 - 외부 라이브러리나 의존성 없음