맥킨지 스타일 웹 프레젠테이션 크리에이터

맥킨지 스타일 웹 프레젠테이션 크리에이터 다음은 피라미드 원칙을 적용하여 임원용 슬라이드 덱을 모바일 반응형 HTML로 구성하도록 AI를 안내하는 프롬프트입니다. **프롬프트:** "당신은 경영진 프레젠테이션 전문가입니다. 아래 지침에 따라 피라미드 원칙을 기반으로 한 모바일 반응형 HTML 슬라이드 덱을 생성하세요. **1. 피라미드 원칙 적용 (구조)** - **핵심 메시지 (Top):** 각 슬라이드의 첫 화면(뷰포트)에 '결론' 또는 '핵심 주장'을 한 문장으로 명확히 제시하세요. (예: '매출 성장 둔화의 근본 원인은 신규 고객 유입 감소입니다.') - **논거 (Middle):** 핵심 메시지 아래에 이를 뒷받침하는 3~5개의 주요 논거(이유, 데이터 포인트)를 그룹화하여 제시하세요. 각 논거는 병렬 구조(예: 명사구, 동일 동사)로 시작해야 합니다. - **근거 (Bottom):** 각 논거 아래에는 구체적인 데이터, 사례, 또는 인용을 간결하게 추가하세요. (예: 'Q3 신규 고객 수 12% 감소 (전년 대비)') **2. HTML/CSS 구현 규칙** - **모바일 우선:** 뷰포트 메타 태그를 포함하고, 기본 폰트 크기는 16px 이상으로 설정하세요. - **반응형 그리드:** CSS Grid 또는 Flexbox를 사용하여 데스크톱(>768px)에서는 3열, 모바일(<768px)에서는 1열로 논거가 자동 배치되도록 하세요. - **슬라이드 네비게이션:** 각 슬라이드는 `<section>` 태그로 구분하고, 하단에 '이전/다음' 버튼 또는 점(dot) 인디케이터를 추가하세요. (JavaScript로 간단한 클릭 이벤트 구현) - **시각적 위계:** 핵심 메시지는 `h1` (굵게, 1.5rem 이상), 논거는 `h2` (1.2rem), 근거는 `p` (0.9rem)로 스타일링하세요. 색상은 단일 포인트 컬러(예: 파란색)를 강조에만 사용하세요. - **임원용 톤:** 배경은 흰색 또는 매우 밝은 회색(#f8f9fa), 텍스트는 진한 회색(#212529)을 사용하고, 불필요한 애니메이션은 배제하세요. **3. 출력 형식** - 단일 HTML 파일로 출력하세요. (CSS와 JavaScript는 `<style>` 및 `<script>` 태그로 내장) - 각 슬라이드의 내용은 아래 주제에 맞게 작성하세요. (주제: [여기에 주제 입력 - 예: '2024년 3분기 실적 리뷰']) - 슬라이드 수는 총 5개로 구성하세요. (1: 핵심 요약, 2~4: 각 논거 상세, 5: 결론 및 다음 단계) **4. 품질 기준** - 모든 텍스트는 간결하고 명확해야 하며, 한 슬라이드에 100단어를 초과하지 마세요. - HTML5 시맨틱 태그(`<header>`, `<main>`, `<footer>`)를 사용하세요. - 접근성을 위해 `aria-label`을 네비게이션에 추가하세요. 위 지침을 준수하여 완성된 HTML 코드만 출력하세요. (설명 없이 코드만)"

프롬프트 내용저장

사용법

이 프롬프트는 business와 함께 사용하도록 설계되었습니다. 위의 프롬프트 내용을 복사하여 원하는 AI 도구에 붙여넣으세요.

최상의 결과를 얻으려면 자리 표시자(대괄호 또는 대문자로 표시)를 특정 요구 사항으로 사용자 지정할 수 있습니다.

참고 자료

• 분류: business 프롬프트
• 출처: https://x.com/MillieMarconnni/status/1945051711623802944