AI Manus와 Codepen으로 웹 슬라이드 무료로 만들고 공유하기
AI 중에는 슬라이드를 만드는 AI가 있습니다. gamma라는 사이트가 만들어주는 것으로 알고 있는데, 사실 퀄리티는 보장이 안 되는 상황입니다. 과정형평가 시간에 학생들이 쓰는 것을 본적이 있는데, 그럴듯하게 꾸며주는건 잘하지만, 그 안에 들어가는 내용은 상당히 실망스러웠습니다. 물론 단순히 결과물의 질이 낮다고 해서 AI를 쓰지말라고 말은 할 수는 없겠지만, 아쉽긴 했습니다.
그래서 이번에 좋은 AI를 소개해드리려고 합니다. 바로 manus입니다. 전에 manus라는 사이트에 대해 설명해 드린 적이 있는데, manus를 이용해서 발표용 슬라이드를 만들어보겠습니다.
pptx(파워포인트)나 google slide를 만들어주기는 하지만 글자 위치라던가 폰트에 문제가 있어서 html으로 만드는 것을 추천드립니다. 또한 html 지식이 있다면 오히려 더 강력하게 쓸 수 있습니다.
1. 발표자료 만드는 AI 'Manus' 접속 및 준비
먼저 Manus 사이트에 접속합니다. 자세한 사용법은 아래 글을 참고해주세요.
2025.06.27 - [AI] - 반복 업무 자동화 솔루션, 'Manus'를 활용한 기술 보고서 작성기
2. Manus에 '불 대수' 주제로 HTML 슬라이드 생성 요청하기
다음과 같이 Manus에게 발표 자료 생성을 요청합니다. 불 대수는 0과 1로만 이루어진 수체계를 다루는 대수로, 컴퓨터공학에서 자주 다룹니다.
html을 이용한 슬라이드를 만들어줘, 발표자료로 활용할거야.
단, 결과물은 하나의 html파일로 만들어져야해.
주제는 아래와 같아.
'불 대수'와 관련해서 설명하고, 불 대수와 관련된 까다로운 증명 문제와 그 풀이를 알려줘
3. AI가 웹 검색으로 슬라이드 초안을 만드는 과정
요청을 받은 Manus는 웹 검색을 통해 불 대수에 대해 조사하고, 관련 문제와 그 풀이를 찾아 HTML 슬라이드 초안을 작성합니다. 이미지가 필요한 경우에는 이미지를 복사 붙여넣기하고, 그래프 같은 통계자료가 필요하면 자체 코딩으로 그래프를 그려넣습니다. 제 생각에는 통계자료는 따로 준비를 해두면 더 정밀한 슬라이드가 나올 것이라 생각합니다.
4. 결과물(HTML) 다운로드 및 Codepen으로 웹에 게시하기
우측 상단의 버튼을 클릭하여 결과물을 HTML 파일로 다운로드합니다.
저기서는 html로만 저장이 가능하지만, ppt로 저장을 추가로 요청하면 ppt로 변환한 후에 파일을 제공합니다.
다운로드한 HTML 파일을 웹에서 바로 확인하고 공유하기 위해 Codepen(사용법)에 접속하여 파일을 드래그 앤 드롭합니다.
그러면 Codepen에 코드가 자동으로 등록됩니다. 저장 버튼을 누르고 전체 화면 버튼을 누르면 웹 브라우저에서 슬라이드를 확인할 수 있습니다. 추가로 키보드의 F11 키를 누르면 꽉 찬 화면으로 발표를 진행할 수 있습니다.
See the Pen Untitled by grad (@iaypqrln-the-sasster) on CodePen.
이처럼 Manus를 이용하면 복잡한 코딩 없이도 주제에 맞는 발표 자료를 HTML 형태로 빠르게 만들 수 있으며, Codepen을 통해 손쉽게 공유하고 발표에 활용할 수 있습니다.
'AI' 카테고리의 다른 글
| 작가의 재구성: AI 시대, 프롬프트 엔지니어에서 문학 감독까지 (0) | 2025.07.19 |
|---|---|
| 가정통신문 예시 (0) | 2025.07.18 |
| 강력한 에이전트의 등장, Open AI Agent 사용후기 (0) | 2025.07.18 |
| 코딩 작성 없이 엑셀 vba 간단 실습 (feat AI) (0) | 2025.07.17 |
| Chatgpt로 흐린 사진을 고화질로 바꾸기 (0) | 2025.07.16 |