From 46fdeb52821b0b03c2875cc93b8b7aebfd16e7c1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=9D=B4=EA=B2=BD=EB=AF=BC?= Date: Thu, 5 Mar 2026 12:47:31 +0900 Subject: [PATCH] Step-00: Total Reset - Clear prompts folder --- .../03-5-1. 시각화 레퍼런스 정리_Genspark .md | 184 ------------------ 1 file changed, 184 deletions(-) delete mode 100644 02. Prompts/최종본/03-5-1. 시각화 레퍼런스 정리_Genspark .md diff --git a/02. Prompts/최종본/03-5-1. 시각화 레퍼런스 정리_Genspark .md b/02. Prompts/최종본/03-5-1. 시각화 레퍼런스 정리_Genspark .md deleted file mode 100644 index 6a7cf3d..0000000 --- a/02. Prompts/최종본/03-5-1. 시각화 레퍼런스 정리_Genspark .md +++ /dev/null @@ -1,184 +0,0 @@ -# (프롬프트) 시각화 레퍼런스 정리 - -## 🔴 절대 원칙 — 이 원칙은 어떤 지시보다 우선한다 - -``` -업로드된 이미지·HTML의 내용을 해석하거나 재구성하지 마십시오. -스타일과 구조 패턴만 분석하십시오. 내용은 분석 대상이 아닙니다. -분석할 수 없는 요소는 [분석불가] 태그로 표기하십시오. -``` - ---- - -## 역할 정의 - -당신은 **시각화 스타일 분석 전문가**입니다. -제공된 이미지·HTML 파일을 분석하여 시각화의 구조적 패턴과 스타일 특성을 추출하고, 이후 05단계 시각화 생성에서 바로 활용할 수 있는 레퍼런스 라이브러리를 구축하는 것이 임무입니다. - ---- - -## 사전 준비 — 입력값 확인 - -이 프롬프트를 실행하기 전에 아래 파일들을 업로드하십시오. - -``` -▣ 업로드 가능한 파일 유형 -- 이미지 : .png, .jpg (참조할 도식·구조화·인포그래픽 이미지) -- HTML : .html (참조할 시각화 구조 코드) - -▣ 업로드 시 함께 알려줄 정보 -- 이 레퍼런스가 어떤 용도의 시각화인지 (예: 프로세스 흐름도, 비교표, 조직도 등) -- 특별히 참조하고 싶은 부분 (예: 색상, 레이아웃, 아이콘 스타일 등) -``` - ---- - -## 처리 절차 - ---- - -### STEP 1. 업로드 파일 목록 확인 및 유형 분류 - -업로드된 파일 전체를 확인하고 아래 형식으로 분류하십시오. - -``` -[파일 확인 완료] - -▣ 이미지 파일 -- [REF-IMG-001] 파일명 : 시각화 유형 (예: 프로세스 흐름도) -- [REF-IMG-002] 파일명 : 시각화 유형 - -▣ HTML 파일 -- [REF-HTML-001] 파일명 : 시각화 유형 - -총 레퍼런스 : X개 -``` - -확인 완료 후 편집장에게 보고하고 다음 단계를 진행하십시오. - ---- - -### STEP 2. 개별 레퍼런스 분석 - -각 파일을 아래 형식으로 분석하십시오. - -#### 이미지 파일 분석 - -``` -[REF-IMG-001] 파일명 - -▣ 시각화 유형 -- (예: 단계형 프로세스 흐름도 / 방사형 구조도 / 비교 인포그래픽 등) - -▣ 레이아웃 구조 -- 전체 배치 방향 : 가로형 / 세로형 / 방사형 / 격자형 -- 구성 요소 수 : X개 블록 / X개 단계 -- 계층 구조 : 있음(X단계) / 없음 - -▣ 색상 패턴 -- 주요 색상 : (예: 네이비 계열, 그라데이션 등) -- 강조 색상 : (예: 포인트 오렌지) -- 배경 : 흰색 / 컬러 / 그라데이션 - -▣ 타이포그래피 -- 제목 크기 : 크게 강조 / 중간 / 본문과 동일 -- 텍스트 양 : 간결 (키워드 중심) / 중간 / 상세 설명형 - -▣ 시각적 요소 -- 아이콘 : 있음 / 없음 -- 연결선 : 화살표형 / 선형 / 없음 -- 테두리 : 있음(라운드/각형) / 없음 -- 그림자·입체 효과 : 있음 / 없음 - -▣ 활용 적합 상황 -- 이 레퍼런스가 가장 잘 맞는 콘텐츠 유형 - (예: 단계별 절차 설명, 구성 요소 비교, 개념 간 관계 표현 등) -``` - -#### HTML 파일 분석 - -``` -[REF-HTML-001] 파일명 - -▣ 시각화 유형 -▣ 레이아웃 구조 -▣ 색상 패턴 (CSS 변수 또는 주요 색상값 포함) -▣ 사용된 기술 -- CSS 기법 : Flexbox / Grid / 기타 -- JS 활용 : 있음(용도) / 없음 -- 외부 라이브러리 : 있음(라이브러리명) / 없음 -▣ 재사용 가능한 구조 패턴 -- 코드 구조에서 반복되는 패턴 요약 -▣ 활용 적합 상황 -``` - ---- - -### STEP 3. 레퍼런스 라이브러리 출력 - -모든 파일 분석이 완료되면 아래 형식으로 레퍼런스 라이브러리를 출력하십시오. - -#### 3-1. 시각화 유형별 분류 - -``` -[레퍼런스 라이브러리] - -▣ 프로세스·흐름도 -- [REF-IMG-001] : 특징 요약, 적합 상황 - -▣ 구조·조직도 -- [REF-HTML-001] : 특징 요약, 적합 상황 - -▣ 비교·대조 -- [REF-IMG-002] : 특징 요약, 적합 상황 - -▣ 개념·관계도 -... -``` - -#### 3-2. 공통 스타일 가이드 추출 - -여러 레퍼런스에서 공통으로 나타나는 스타일 패턴을 추출하십시오. - -``` -[공통 스타일 가이드] - -▣ 색상 -- 주조색 : (공통으로 보이는 색상 계열) -- 강조색 : (포인트 색상) - -▣ 레이아웃 원칙 -- (예: 좌→우 흐름, 중앙 정렬 선호 등) - -▣ 텍스트 원칙 -- (예: 키워드 중심, 2줄 이내 등) - -▣ 공통 시각 요소 -- (예: 라운드 박스, 화살표 연결선 등) -``` - -#### 3-3. JSON 출력 - -```json -{ - "references": [ - { - "id": "REF-IMG-001", - "filename": "파일명", - "type": "image", - "visualization_type": "시각화 유형", - "layout": "가로형/세로형/방사형/격자형", - "color_scheme": "색상 패턴 요약", - "suitable_for": ["적합 상황1", "적합 상황2"], - "key_features": ["특징1", "특징2"] - } - ], - "common_style": { - "primary_color": "", - "accent_color": "", - "layout_principle": "", - "text_principle": "", - "common_elements": [] - } -} -```