HTML, 이미지, PPT, 영상 생성까지 AI로 똘똘하게 하는 법
무언가를 공부하는 데에 가르치는 것 만한 것이 없다더니
요즘 정말 실감하고 있습니다.
한 달동안 100분과 AI 챌린지를 진행한지 3주째.
그동안의 AI 경험을 탈탈 털어 매주 저녁 강의를 하고 있는데요.
제가 혹시나 건드리지 못한 영역은 없는지 폭 넓게 조사하다보니 발견하게 되는 꿀팁들이 많아 공유합니다.
나는 AI랑 단순 대화만 하고, 더 많은 활용을 못하고 있는 것 같아.
라고 느껴지신다면 아래 표를 참고하실 수 있어요.
일반 답변으로 부족하다면 '심층 연구'를
목업으로라도 웹페이지를 만들고 싶다면 'HTML 생성 요구'나 '캔버스' 기능을
PPT 만드는 것 까지 부탁하고 싶다면, 아래 툴 중 하나를 : Genspark, Gamma, NotebookLM, Gemini, Manus, Skywork, Claude Skill
이미지 생성은 무조건 '나노바나나 프로'로 : Gemini에 기본 장착 되어 있고, Genspark(무제한), Manus에서도 지원합니다.
반복되는 작업 과정의 패턴을 찾아 자동화하고 싶다면 'GPTs, Gem' 등으로 지침, 시나리오 지정을 (더 나아가 알아서 돌아가게 하고 싶다면 Opal이나 n8n을)
내가 상상하는 기능을 제품화하고 싶다면 '바이브코딩'을...
아래 11개 직무에 기능별로 매칭해볼 수 있어요.
생각보다 ChatGPT, Gemini, Claude 모두 겹치지만 이름만 다른 기능도 많으니
참고하시면 더 빠르게 해당 기능을 찾을 수 있습니다.
* 출처: AI 기능 & 프롬프팅 완벽 가이드 (11페이지 치트시트)
ChatGPT, Gemini 모두 도구를 열어 '캔버스'를 선택하면 약식으로 원하는 페이지를 html화 해줍니다.
Claude에서는 '아티팩트'라고 하는데요.
꼭 도구 설정을 하지 않고 '캔버스로 해줘', '아티팩트로 해줘'라고 프롬프트로 시켜도 잘 해줍니다.
이렇게 파일을 첨부하며 요청하면
대시보드가 뙇
엑셀에 잘 없는 인터렉티브 기능을 넣어달라고 하면, 훨씬 있어보이는 대시보드를 만들 수 있어요.
대표적으로 드릴다운, 히트맵, 슬라이더, 변수 선택 기능을 추천합니다.
튀는 이상치 제외도 해보고요.
� 이 결과를 보여드렸을 때 가장 많이 하는 질문,
'이 대시보드 실제로 배포(공개)할 수 있나요?' 인데요.
캔버스에는 보통 '공유' 기능이 있어 공개 가능한 링크로 외부에 보낼 수 있습니다.
하지만 고정된 데이터일 때의 이야기,
계속 변화하는 데이터를 API로 연결하여 대시보드가 반응하게 하려면
바이브코딩이나 워크플로우 자동화로 자체 구축하거나
태블로와 같은 데이터 시각화 툴을 써야 합니다.
JSON 프롬프팅이란?
: 구조화된 데이터 형식으로 AI에게 명령을 전달하는 방식
일반적인 텍스트 프롬프트와 달리, 각 요소를 키-값(Key-Value) 쌍으로 분리하여
개념 출혈(concept bleeding) 문제를 방지합니다.
같은 이미지어도
이렇게 JSON으로 설명한 프롬프트로 요청하면
{
"Subject": [
"30대 초반 한국인 여성",
"긴 머리를 느슨하게 땋은",
"읜색 면 소재의 캐미솔 + 하이웨이스트 반바지"
],
"Arrangement": "카메라를 정면으로 응시", "소파에 다리를 꼬고 앉음"
"Background": "선반이 가득 쌓인 어두운 레트로풍 공간",
"OutputStyle": "하이패션 스튜디오 인물 사진",
"Mood": "평화롭고 사색적인"
}
훨씬 감도가 살아나죠?
바이브 코딩으로 이런 JSON 프롬프트를 만들어주는 페이지도 만들었으니,
필요하실 때 써보세요. �
하지만 모든 툴에서 퀄리티를 높이는 방법은 같았어요.
❶ 심층연구(Deep Research)등의 기능을 통해 PPT에 넣을 풍부한 내용을 찾는다.
❷ 조사한 내용을 PPT 구성으로 바꿔달라고 하여, PPT 생성 전 수정을 미리 방지한다.
❸ 원하는 도표나 그래프 스타일을 프롬프트에 언급하며 PPT를 만들어 달라고 한다.
그럼 이 정도 결과도 나옵니다.
저도 전문 디자이너나 영상 기획자가 아니다보니,
원하는 이미지나 영상을 프롬프트로 묘사하기가 정말 힘들어요.
하지만! 요즘 AI 툴은 레퍼런스 이미지/영상을 주면 자체적으로 분석하여
유사한 생성을 가능케하는 프롬프트를 제공합니다.
이미지용:
� 레퍼런스 이미지 첨부
이 이미지의 구도/조명/색감/질감을 최대한 비슷하게 유지한 ‘새 이미지’ 생성 프롬프트를 써줘.
피사체는 [바꿀 요소]로 변경. 네거티브 프롬프트 포함.
영상 첨부 (또는 유튜브 링크):
� 레퍼런스 영상 첨부
이 영상의 카메라 무빙/편집 리듬/조명/색감을 비슷하게 따라가는 새 영상 프롬프트를 써줘.
길이 [ ]초
화면비 [ ]
샷리스트를 시간코드로.
레퍼런스 영상으로 만든 서울의 미니어처 버전 사진
이미지, 영상 생성을 더 잘 하도록 'Auto Prompt' 기능을 제공하는
이미 한국식 디자인을 잘 이해하기 때문에, 프롬프트 만으로 양질의 디자인을 제공하는
미리캔버스 미리클 >>
* 자세한 과정은 아래 글에서 확인하세요.
https://brunch.co.kr/@sukistory/79/
오늘 꿀팁 반가우셨다면, 이런 꿀팁이 4주째 쏟아지는 AI 챌린지 저와 함께 해보시기 바랍니다. �
수강 중인 분들의 후기도 참고하세요!
* AI 초급/중급은 AI 툴을 두루 배우고, 젠스파크는 젠스파크 집중(다 할 줄 알아서..?)으로 준비했습니다. :) 관련 문의