AI 챌린지하며 발견한 꿀팁 대방출

HTML, 이미지, PPT, 영상 생성까지 AI로 똘똘하게 하는 법

by Suki


무언가를 공부하는 데에 가르치는 것 만한 것이 없다더니

요즘 정말 실감하고 있습니다.


한 달동안 100분과 AI 챌린지를 진행한지 3주째.

그동안의 AI 경험을 탈탈 털어 매주 저녁 강의를 하고 있는데요.

제가 혹시나 건드리지 못한 영역은 없는지 폭 넓게 조사하다보니 발견하게 되는 꿀팁들이 많아 공유합니다.



AI 툴마다, 다루는 영역이 조금씩 다르다.

나는 AI랑 단순 대화만 하고, 더 많은 활용을 못하고 있는 것 같아.


라고 느껴지신다면 아래 표를 참고하실 수 있어요.

1768969153090400.png AI 툴별 기능 비교 표

일반 답변으로 부족하다면 '심층 연구'를

목업으로라도 웹페이지를 만들고 싶다면 'HTML 생성 요구'나 '캔버스' 기능을

PPT 만드는 것 까지 부탁하고 싶다면, 아래 툴 중 하나를 : Genspark, Gamma, NotebookLM, Gemini, Manus, Skywork, Claude Skill

이미지 생성은 무조건 '나노바나나 프로'로 : Gemini에 기본 장착 되어 있고, Genspark(무제한), Manus에서도 지원합니다.

반복되는 작업 과정의 패턴을 찾아 자동화하고 싶다면 'GPTs, Gem' 등으로 지침, 시나리오 지정을 (더 나아가 알아서 돌아가게 하고 싶다면 Opal이나 n8n을)

내가 상상하는 기능을 제품화하고 싶다면 '바이브코딩'을...


이런 기능들에게 스타트업 직원처럼 역할을 부여한다면?

아래 11개 직무에 기능별로 매칭해볼 수 있어요.

생각보다 ChatGPT, Gemini, Claude 모두 겹치지만 이름만 다른 기능도 많으니
참고하시면 더 빠르게 해당 기능을 찾을 수 있습니다.


1768969937576074.png
1768969956120110.png


* 출처: AI 기능 & 프롬프팅 완벽 가이드 (11페이지 치트시트)



데이터 파일만 던지면 대시보드 html이 생긴다.


ChatGPT, Gemini 모두 도구를 열어 '캔버스'를 선택하면 약식으로 원하는 페이지를 html화 해줍니다.

Claude에서는 '아티팩트'라고 하는데요.


꼭 도구 설정을 하지 않고 '캔버스로 해줘', '아티팩트로 해줘'라고 프롬프트로 시켜도 잘 해줍니다.

1768971041502670.png


1768971058795525.png


이렇게 파일을 첨부하며 요청하면

1768971285549918.png


대시보드가 뙇

image.png

엑셀에 잘 없는 인터렉티브 기능을 넣어달라고 하면, 훨씬 있어보이는 대시보드를 만들 수 있어요.

image.png

대표적으로 드릴다운, 히트맵, 슬라이더, 변수 선택 기능을 추천합니다.

튀는 이상치 제외도 해보고요.

image.png


� 이 결과를 보여드렸을 때 가장 많이 하는 질문,
'이 대시보드 실제로 배포(공개)할 수 있나요?' 인데요.
캔버스에는 보통 '공유' 기능이 있어 공개 가능한 링크로 외부에 보낼 수 있습니다.

하지만 고정된 데이터일 때의 이야기,
계속 변화하는 데이터를 API로 연결하여 대시보드가 반응하게 하려면
바이브코딩이나 워크플로우 자동화로 자체 구축하거나
태블로와 같은 데이터 시각화 툴을 써야 합니다.


나노바나나프로, JSON으로 프롬프트를 보내면 말을 훨씬 잘 듣는다.


JSON 프롬프팅이란?
: 구조화된 데이터 형식으로 AI에게 명령을 전달하는 방식
일반적인 텍스트 프롬프트와 달리, 각 요소를 키-값(Key-Value) 쌍으로 분리하여
개념 출혈(concept bleeding) 문제를 방지합니다.



같은 이미지어도

1769001724136480.png 제미나이에서 프롬프트를 보낸 결 결과


이렇게 JSON으로 설명한 프롬프트로 요청하면


{

"Subject": [

"30대 초반 한국인 여성",

"긴 머리를 느슨하게 땋은",

"읜색 면 소재의 캐미솔 + 하이웨이스트 반바지"

],

"Arrangement": "카메라를 정면으로 응시", "소파에 다리를 꼬고 앉음"

"Background": "선반이 가득 쌓인 어두운 레트로풍 공간",

"OutputStyle": "하이패션 스튜디오 인물 사진",

"Mood": "평화롭고 사색적인"

}


훨씬 감도가 살아나죠?

1769003589943203.png


바이브 코딩으로 이런 JSON 프롬프트를 만들어주는 페이지도 만들었으니,

필요하실 때 써보세요. �

>> JSON 프롬프트 만들기


AI로 PPT를 만들어주는 툴이 무려.. 7개취향껏 골라봅니다.

1769004465364615.png 다 써본 사람의 소감...


하지만 모든 툴에서 퀄리티를 높이는 방법은 같았어요.

심층연구(Deep Research)등의 기능을 통해 PPT에 넣을 풍부한 내용을 찾는다.

❷ 조사한 내용을 PPT 구성으로 바꿔달라고 하여, PPT 생성 전 수정을 미리 방지한다.
원하는 도표나 그래프 스타일을 프롬프트에 언급하며 PPT를 만들어 달라고 한다.

그럼 이 정도 결과도 나옵니다.

1769005912868163.png



이미지 & 영상 생성 모두, 레퍼런스가 가장 중요

저도 전문 디자이너나 영상 기획자가 아니다보니,

원하는 이미지나 영상을 프롬프트로 묘사하기가 정말 힘들어요.

하지만! 요즘 AI 툴은 레퍼런스 이미지/영상을 주면 자체적으로 분석하여

유사한 생성을 가능케하는 프롬프트를 제공합니다.


이미지용:

� 레퍼런스 이미지 첨부
이 이미지의 구도/조명/색감/질감을 최대한 비슷하게 유지한 ‘새 이미지’ 생성 프롬프트를 써줘.
피사체는 [바꿀 요소]로 변경. 네거티브 프롬프트 포함.



영상 첨부 (또는 유튜브 링크):

� 레퍼런스 영상 첨부
이 영상의 카메라 무빙/편집 리듬/조명/색감을 비슷하게 따라가는 새 영상 프롬프트를 써줘.
길이 [ ]초
화면비 [ ]
샷리스트를 시간코드로.


레퍼런스 영상으로 만든 서울의 미니어처 버전 사진

1769007005946236.png


1769006950152604.png


1769006983639254.png




레퍼런스 찾는 것도 어렵다면, 특수 작업에 특화된 툴을 사용하세요.


이미지, 영상 생성을 더 잘 하도록 'Auto Prompt' 기능을 제공하는

젠스파크>>

1769007094727305.png


이미 한국식 디자인을 잘 이해하기 때문에, 프롬프트 만으로 양질의 디자인을 제공하는

미리캔버스 미리클 >>

1769007142114924.png


* 자세한 과정은 아래 글에서 확인하세요.

https://brunch.co.kr/@sukistory/79/




이런 거 4주 동안 저와 같이 배워보실래요?!

오늘 꿀팁 반가우셨다면, 이런 꿀팁이 4주째 쏟아지는 AI 챌린지 저와 함께 해보시기 바랍니다. �
수강 중인 분들의 후기도 참고하세요!

1769036061140125.png



스크린샷 2026-01-17 오전 1.08.13.png


챌린지 신청하기




* AI 초급/중급은 AI 툴을 두루 배우고, 젠스파크는 젠스파크 집중(다 할 줄 알아서..?)으로 준비했습니다. :) 관련 문의

keyword
매거진의 이전글15년차 마케터가 AI로 상세페이지 만드는 법: 미리클