Windsurf 스킬
Windsurf에 PopNow 스킬을 설치하세요. 스킬을 내려받아 스킬 폴더에 압축을 풀고, 다음 대화에서 이름으로 부르면 됩니다.
스킬 설치 위치
- 모든 프로젝트에서
~/.codeium/windsurf/skills- 이 프로젝트에서만
.windsurf/skills
PopNow 연결
스킬은 무료예요. 이미지, 영상, 소리를 생성하려면 PopNow API 키를 POPNOW_API_KEY에 설정하세요. 이 키로 호출하면 별도로 관리되는 미국 달러(USD) API 잔액에서 비용이 차감돼요. 유료 생성은 매번 견적을 먼저 보여 드리고 승인을 받은 뒤 실행해요.
API 키 만들기설치 프롬프트 복사
Windsurf에 붙여 넣으세요. API 키로 스킬을 내려받아 알맞은 폴더에 압축을 풉니다.
원하는 결과 요청
스킬을 부르고 주제, 대상, 분량처럼 필요한 것을 평소 말투로 이야기하세요.
검토하고 다듬기
만들어진 파일을 열어 대화로 수정을 요청하고, 마음에 들면 공개하세요.
- 웹
3D 아바타 만들기
+25귀여운 봉제 인형 같은 3D 캐릭터를 브라우저에서 만들고 투명 PNG나 3D 페이지로 저장합니다.
- 슬라이드
연구 발표 슬라이드
+25프레임마다 메시지 하나, 수식, 결과, 발표자 노트까지 갖춘 프로젝터용 연구 발표 슬라이드.
- 웹
캘린더 히트맵
+251년간의 일일 활동을 색 농도로 칠한 달력 격자로 보여 주고, 연속 기록, 합계, 키보드 탐색을 지원합니다.
- 영상
에이전트 크루 런치 영상
+25따뜻한 점무늬 종이 위의 반짝이는 도우미 캐릭터, 실제 휴대폰 작업 장면, 새 도우미를 깨우는 스킬.
- 영상
AI 챗봇 데모 영상
+25어두운 채팅 앱 안의 내레이션 데모. 연동을 켜고, 질문하고, 결과와 카운트업을 보여 줍니다.
- 영상
에이전틱 제품 런치 필름
+25제품의 실제 사이트와 인터페이스로 만든, 키노트처럼 차분한 런치 필름. 박자에 맞춰 편집합니다.
- 웹
AI SaaS 랜딩페이지
+25따뜻한 모래색 종이 위에 가는 가이드 선과 빗금 거터, 그리고 어시스턴트가 작업을 계획하는 실제 칸반 보드.
이미지앨범 커버 아트 키트
+25곡 제목과 분위기를 넣으면 정확한 글자의 3000x3000 커버, 끊김 없는 루프, 홍보 이미지가 나옵니다.
- 영상
애니메이션 체크리스트 제품 데모
+25휴대폰 화면 옆의 종이 메모 체크리스트. 화면에서 각 단계가 일어나는 순간 칸에 체크 표시가 찍힙니다.
- 웹
애니메이션 히어로 섹션
+25헤드라인 단어가 부드럽게 바뀌고, 버튼 두 개와 넓은 이미지 프레임을 갖춘 랜딩페이지 히어로.
- 영상
모바일 앱 프로모 영상
+2510~13초 앱 프로모. 일곱 개의 제품 장면이 하나의 카메라 움직임으로 이어지며, HTML과 GSAP으로 만듭니다.
이미지옷 모델 룩북
+25평평하게 찍은 옷 사진을 넣으면, AI가 만든 모델 한 명이 입은 룩북이 포즈, 각도, 걷기 클립과 함께 나옵니다.
- 슬라이드
건축 프로젝트 프레젠테이션
+25설계 검토용 덱입니다. 페이지마다 공간 논거 하나, 편집 가능한 평면과 매스, 분명한 요청을 담습니다.
- 슬라이드
글·PDF를 PPT로 만들기
+25긴 글이나 보고서를 출처가 달린 짧은 브리핑 슬라이드와 토론 질문으로 바꿉니다.
- 영상
ASCII 글리치 홍보 필름
+25글리프 셀 ASCII 프레임, 추적 박스, 도트 매트릭스 글자가 로고에 맞춰 0.1초마다 바뀌는 영상.
- 영상
ASMR 만족 영상 메이커
+25유리 과일 자르기처럼 슬로모션 ASMR 짧은 영상을 만듭니다. 소리는 화면에서 만들고, 끊김 없는 루프로 마무리합니다.
- 영상
비포·애프터 비교 런치 영상
+25거의 검은 캔버스, 모노스페이스 파일 이름, 전기 같은 강조색 하나. 내 콘텐츠를 먼저 정지된 페이지로, 그다음 영상으로 보여 줍니다.
- 웹
음료 브랜드 웹사이트 템플릿
+25쇼핑몰, 케이스 빌더, 판매처 지도, 데모 결제가 한 파일에 들어간 밝은 음료나 스낵 브랜드 사이트.
- 이미지
흑백 스튜디오 인물 사진
+25평범한 사진을 차분한 흑백 스튜디오 인물 사진으로 바꾸되, 여전히 나처럼 보이게 합니다.
- 이미지
블로그 글 일러스트 세트
+25한 글의 세 단락마다 그 단락이 실제로 말하는 바를 보여 주는, 같은 스타일의 일러스트 세 장.
- 영상
블루프린트 사양 홍보 영상
+25거의 검은 사양서 위에 그려지는 주장. 테두리 도형, 빗금, 지시선, 표제란이 있습니다.
이미지북 커버 디자이너
+25제목, 저자, 장르를 넣으면 커버 방향 세 가지, 정확한 글자의 전자책 커버, 인쇄용 랩이 나옵니다.
- 슬라이드
브랜드 전략 덱
+25거의 검은 바탕 위의 크림색 큰 헤드라인, 페이지마다 밝은 색 타일 하나, 장난스러운 무광 3D 정물화.
- 슬라이드
브랜드 가이드라인 덱
+25브랜드 북을 슬라이드로: 파란 챕터 페이지, 로고 격자, 색 원, 서체 견본, 목업이 들어갑니다.
- 이미지
브랜드 키트 & DESIGN.md 생성기
+25짧은 브리프로 만드는 브랜드 키트. 대비를 확인한 팔레트, 공개 라이선스 글꼴, SVG 로고, 목업, 에이전트가 따르는 DESIGN.md를 담습니다.
- 슬라이드
브랜드 소개 프레젠테이션
+25브랜드의 시작부터 신념, 비주얼 코드, 미래까지 담은 잡지 스타일 브랜드 스토리 슬라이드. 모두 편집할 수 있습니다.
이미지차분한 일러스트 OG 이미지 메이커
+25친근한 링크 미리보기입니다. 아이보리 바탕에 떠 있는 휴대폰, 부드러운 낙서, 둥근 제목을 1200x630으로 담습니다.
- 이미지
자동차 단면 해부 포스터
+25일반 자동차의 측면 단면도. 시스템별 색 구분, 번호 마커, 원형 확대 창이 있습니다.
이미지캐러셀 게시물 메이커
+25글이나 의견을 넣으면 6~10쪽 캐러셀이 나옵니다. 링크드인 PDF, 인스타그램 4:5, 레드노트 3:4.
- 이미지
칠판 인포그래픽 메이커
+25정확한 짧은 문구, 분필 그림, 분명한 읽기 순서 하나를 담은 16:9 칠판 스타일 인포그래픽.
- 영상
변경 기록 설명 영상
+25차이(diff)를 읽지 않을 사람들을 위해 실제 풀 리퀘스트를 30초짜리 필름으로 바꿉니다.
- 영상
하나의 대화 스레드 런치 영상
+25따뜻한 종이 위의 채팅 창 하나가 한 번도 초기화되지 않습니다. 기다림을 묻고, 해결을 요청하고, 실행되는 모습을 봅니다.
- 영상
시네마틱 다크 UI 티저
+25검은 공간에 떠 있는 내 UI. 미끄러지는 카메라, 한 줄로 날카롭게 맞춘 초점, 타이핑된 명령, 빛나는 이름.
- 이미지
시네마틱 스토리보드 프레임
+25한 장면을 세 가지 방식으로 찍은 스토리보드 콘택트 시트 세 장. 연속성은 유지합니다.
- 슬라이드
종이 콜라주 워크숍 PPT
+25종이를 오려 붙인 장식과 밝은 인물 사진 콜라주로 만든 따뜻하고 손맛 나는 워크숍 슬라이드.
이미지수집용 피규어 목업
+25나, 반려동물, 내 캐릭터를 책상 피규어, 박스 완구, 오린 이미지, 회전 클립으로 만듭니다.
- 슬라이드
컬러풀 팝 프레젠테이션
+25시안, 코럴, 핑크, 골드 색면에 선명한 스튜디오 사진, 둥근 패널, 크고 친근한 헤드라인.
이미지컬러링북 생성기
+25주제를 넣으면 인쇄용 컬러링북이 나옵니다. 깔끔한 선화, 300DPI 페이지, 페이퍼백 내지 PDF.
- 슬라이드
커뮤니티 행사 덱
+25밝은 행사 발표 자료. 페이지마다 선명한 색 하나, 둥근 자연스러운 사진, 종이 색종이 모양.
- 슬라이드
회사 소개 덱
+25짧은 회사 소개. 짙은 파란 패널, 액자에 든 사무실 사진, 큰 숫자, 적은 글.
이미지컨셉 메타포 일러스트
+25아이디어 하나를 손그림 시각 메타포 하나로. 평평하고 차분한 색, 아이보리 오림 도형, 거친 검은 마커 선.
- 이미지
일관된 컨셉 아트 세트
+25같은 가상 세계에 속한다는 것이 분명한 캐릭터, 소품, 배경.
- 슬라이드
컨설팅 PPT 장표
+25모든 제목이 결론이고 마지막 페이지에서 의사결정을 요청하는 컨설팅 스타일 제안 슬라이드.
이미지코넬 노트 학습지
+25인쇄용 2단 복습 페이지. 단서 질문, 필기, 그린 그림, 빈칸 연습지까지 한 번에.
- 웹
셰이더 히어로 에이전시 웹사이트
+25아래쪽에 고정된 문장 뒤에서 살아 움직이는 주황빛 열기 셰이더 히어로, 알약 모양 내비게이션, 엇갈린 사례 그리드.
- 이미지
귀여운 크레파스 낙서 아트
+25흰 종이 위의 사랑스럽게 서툰 크레파스 캐릭터. 삐뚤빼뚤한 선, 낙서 같은 채색, 선명한 파일, 스티커 컷아웃.
이미지귀여운 마스코트 아바타 메이커
+25둥근 두 눈 마스코트 아바타 또는 치비 비닐 토이 캐릭터. 누끼와 프로필 크기 세트 포함.
- 웹
다크 모드 SaaS 랜딩페이지
+25모션이 풍부한 어두운 톤의 소프트웨어 마케팅 사이트를 독립된 HTML 파일 하나로 제공합니다.
- 웹
디자이너 포트폴리오 웹사이트
+25차분한 회색 바탕 위에서 흐려지는 큰 헤드라인을 둘러싼 기울어진 카드 여섯 장, 붉은 인물 카드 하나, 에디토리얼 사례 연구.
- 영상
개발 도구 런치 릴
+25네 곳에 똑같이 타이핑된 프롬프트, 실제 결과를 박자에 맞춰 자른 릴, 그리고 마지막 설치 명령.
- 웹
개발자 포트폴리오 사이트
+25사례 연구, 글, 발표, 이력서, 문의 폼까지 갖춘 엔지니어용 다크 톤 개인 사이트.
- 영상
기기 목업이 있는 SaaS 제품 영상
+25어두운 스튜디오에 놓인 중립적인 기기 위의 실제 앱 화면. 그다음 실제 동작 하나와 밝은 공개 장면.
이미지다이컷 스티커 시트 메이커
+25흰 테두리가 있게 오린 맞춤 스티커 8~24장을 인쇄용 A4 또는 Letter 시트와 채팅 팩으로.
이미지이커머스 상품 사진 스튜디오
+25상품 스냅 사진 폴더를 넣으면 흰 배경 메인 이미지, 연출 컷, 배너가 나옵니다. 아마존과 Etsy 규격을 확인합니다.
- 슬라이드
편집 가능한 PPT 템플릿
+25실제 텍스트, 도형, 차트만으로 만든 세련된 슬라이드라 PowerPoint로 내보내도 전부 편집할 수 있습니다.
- 영상
따뜻한 종이 에디토리얼 런치 영상
+25따뜻한 종이 위의 대형 활자, 장면마다 강조 하나, 들어 올린 제품 카드, 잉크 검정으로의 전환.
- 이미지
에디토리얼 선화 일러스트
+25블로그 헤더, 뉴스레터, 소셜 카드를 위한, 강조 색 하나를 쓴 여백 많은 검정 잉크 일러스트.
- 슬라이드
매거진 스타일 프레젠테이션
+25압축된 헤드라인, 공예 사진, 머스터드와 버밀리언 색면으로 만든 인쇄 잡지 스타일 슬라이드.
- 웹
에디토리얼 SaaS 웹사이트
+25네이비색 분할 히어로, 다큐멘터리 사진 옆의 다섯 줄 세리프 헤드라인, 기울어진 띠, 코발트 강조 색 하나.
- 이미지
판화 스타일 아티클 커버
+25에세이마다 초현실적인 검정 잉크 판화 하나. 교차 해칭으로 가장자리까지 채우고, 큰 아이디어를 장면 하나로 보여 줍니다.
- 이미지
EV 플랫폼 분해도
+25전기차를 층층이 분해한 그림. 배터리, 모터, 객실, 차체를 색으로 나누고 지시선을 달았습니다.
- 영상
설명 영상 모션 그래픽 키트
+25코드로 만든 차트, 다이어그램, 타이포, 챕터 효과 122종. 에이전트가 대본의 한 줄마다 하나를 고릅니다.
- 이미지
제품 분해도 포스터
+25제품의 깔끔한 분해도 히어로 이미지. 사양표에서 가져온 정확한 부품 라벨이 있습니다.
- 영상
얼굴 없는 상품 광고 메이커
+25내 상품 사진으로 손만 나오는 언박싱, 시연, 회전 광고를 만듭니다. 테스트할 훅 변형 여러 개 포함.
- 이미지
판타지 지도 생성기
+25내 세계의 양피지, 아틀라스, 검은 선 지도. 모든 지명은 바르게 적히고, 격자는 정확히 맞습니다.
- 영상
불만에서 기능으로 이어지는 런치 영상
+25사용자들이 계속 올리는 불만으로 시작해, 새 기능이 그 불만을 거짓으로 만든다는 것을 증명합니다.
이미지영화 포스터 스타일 OG 이미지
+25조용하고 포스터 같은 링크 미리보기. 흑백 클로즈업, 거대한 검은 단어 하나, 필름 그레인, 정확한 1200x630.
- 이미지
지역별 음식 풍미 지도
+25지역마다 작은 맛 차트를 하나씩 공통 눈금에 맞춘, 차분하게 그린 지도와 정직한 범례.
- 웹
프리랜서 디자이너 웹사이트
+25고정 가격 패키지를 파는 1인 스튜디오 사이트. 플랜 페이지, 사례 연구, 브리프 양식이 있습니다.
- 영상
재미있는 문제 해결 영상
+25작은 짜증이 개그로 펼쳐지고, 정중한 요청이 쌓이다가, 주황색 알약 하나가 해결책이 됩니다.
이미지2D 게임 에셋 팩 메이커
+25어울리는 2D 게임 아트 팩. 포즈를 취한 캐릭터, 타일, 소품, 아이콘을 JSON과 함께 스프라이트 시트로 묶습니다.
- 슬라이드
글래스모피즘 PPT
+25하늘 사진과 반투명 카드로 복잡한 주제도 명료하게 보여 주는 산뜻한 글래스모피즘 슬라이드.
- 웹
글래스모피즘 웹사이트 템플릿
+25거의 검은 필름 위의 반투명 유리 알약 모양 버튼, 이탤릭 단어 하나가 들어간 큰 세리프 헤드라인, 이메일 입력.
- 슬라이드
파스텔 그라데이션 피치 덱
+25부드러운 살구색과 라일락 그라데이션 위의 묵직한 검은 헤드라인, 고운 입자감, 넓고 차분한 여백.
- 영상
하프톤 캔버스 런치 영상
+25살아 있는 점 캔버스 하나 위의 런치 필름. 모든 텍스트 줄보다 한 박자 먼저 움직입니다.
- 영상
손그림 인포그래픽 영상
+25긴 포스터 하나에 펜으로 그린 패널들. 카메라가 그려진 경로를 따라가다가 전체 시트까지 뒤로 물러납니다.
- 웹
하드웨어 제품 웹사이트
+25은색 스튜디오 사진 위에 크고 가는 모델명, 반투명 사양 카드, 실제 비율의 제품 라인업, 하드웨어 벤토.
- 영상
역사 POV 영상 메이커
+25'당신은 고대 로마에서 눈을 뜹니다' 같은 1인칭 짧은 영상. 출처가 있는 사실표, 내레이션, 환경음 포함.
이미지명절 카드와 초대장 메이커
+25인사말 하나를 넣으면 인쇄용 5x7 카드, 소셜과 스토리 버전, 애니메이션 e-카드, RSVP 페이지가 나옵니다.
- 영상
HyperFrames용 AI 에셋
+25HyperFrames 영상용 히어로 이미지, B롤, 배경음악, 내레이션. 먼저 견적을 내고 assets/에 정리합니다.
- 이미지
일러스트 도시 지도 메이커
+25동네나 도시의 손그림 스타일 지도. 중요한 부분은 정확하고, 라벨은 정확하게 적습니다.
- 이미지
잉크 스케치 스토리보드
+25짧은 이야기에서 만든 거친 검정 잉크 스토리보드 페이지. 열린 선, 여백, 패널마다 비트 하나.
- 슬라이드
수묵화 프레젠테이션
+25차분한 수묵화 스타일의 덱. 한지 위의 안개 낀 붓 풍경, 주홍 강조, 넓은 제목.
- 웹
인터랙티브 아키텍처 다이어그램
+25검증된 JSON 모델로 만든 오프라인 클릭형 시스템 다이어그램. 상자마다 근거를 확인할 수 있습니다.
- 웹
인터랙티브 격자 히어로
+25커서 쪽으로 휘어지는 가는 선들의 어두운 격자. 클릭할 때마다 빛나는 고리가 퍼져 나갑니다.
- 슬라이드
어린이 교실 슬라이드
+255~10세용 그림책 같은 수업 슬라이드. 만화 안내자 두 명, 낙서 테두리, 크고 읽기 쉬운 카드.
이미지어린이 그림책 메이커
+25이야기 아이디어를 넣으면 인쇄 가능한 그림책이 나옵니다. 주인공은 한 명으로 일관되고, 웹 넘김책과 잠자리 영상도 함께.
- 웹
지식 그래프 탐색기
+25프로젝트 메모를 오프라인에서 검색 가능한 그래프로 바꾸고, 모든 주장을 출처 줄까지 연결합니다.
- 웹
KPI 대시보드 템플릿
+25따뜻한 종이 위, 빛나는 선 차트 위에 변화율 칩이 달린 KPI 타일 네 개, 세부 표, 목표 막대.
- 웹
목업에서 만드는 랜딩 페이지
+25완성된 모습의 전체 페이지 디자인 세 개를 먼저 보고 하나를 고르면, 에이전트가 깔끔하고 반응형인 코드로 만듭니다.
- 영상
제품 런치 필름
+25URL이나 README로 만드는 20~40초 런치 영상. 바로 게시할 수 있는 문구와 세 가지 화면 비율을 제공합니다.
- 이미지
라인아트 OG 이미지 메이커
+25차분한 링크 미리보기 이미지: 오프화이트 카드, 짧은 검정 헤드라인, 손으로 그린 잉크 캐릭터.
- 영상
리퀴드 로고 등장 스팅
+25유리 같은 구슬이 내 마크를 알아볼 수 없는 상태로 품고 있다가 터지면서, 선명한 로고 락업을 남깁니다.
- 영상
가사 영상 메이커
+25노래와 가사를 넣으면 싱크가 맞는 가사 영상이 16:9와 9:16으로 나옵니다. 불리는 순간 글자가 켜집니다.
- 웹
매거진 웹사이트 템플릿
+25아티클, 주제, 작은 상점, 구독까지 갖춘 인쇄물 수준의 매거진 사이트를 HTML 파일 하나로.
- 이미지
해양 생물학 연구 포스터
+25그려진 서식지 단면을 중심으로 한 넓은 연구 포스터. 번호 달린 종과 발견 차트가 있습니다.
이미지미니어처 디오라마와 날씨 카드
+25작은 등각 도시, 방, 틸트 시프트 장면. 정확한 글자의 날씨 카드, 루프, 4K 배경화면까지.
- 영상
무드보드 릴 영상
+259:16 무드보드 릴. 사진 보드 세 개를 비트에 맞춰 딱딱 끊어 넣고, 마지막에 하나의 공유 보드로 모입니다.
- 영상
멀티 스타일 키노트 런치 영상
+25각 기능이 자기만의 세계를 갖습니다. 파란 차트, 크림색 세리프 페이지, 어두운 빛의 장, 포스터 격자.
- 영상
다국어 런치 영상
+25고정된 제품 이름 옆에서 언어가 하나씩 굴러 들어옵니다. 각 언어는 제 문자로, 목소리와 자막을 갖춥니다.
- 영상
내레이션 설명 영상
+25목소리와 단어에 맞춘 자막이 있는 45~120초 설명 영상. 콜라주, 화이트보드, 데이터 스타일 중 고를 수 있습니다.
- 슬라이드
내레이션 보고서 슬라이드
+25보고서, 문서, 링크를 슬라이드로. 페이지마다 음성 해설과 내장 플레이어가 붙습니다.
- 슬라이드
밤하늘 스토리 덱
+25반짝이는 별과 따뜻한 지평선 빛이 있는 짙은 남색 하늘 위의 금색 세리프 헤드라인, 그리고 수채 풍경화.
이미지오래된 사진 복원
+25긁히고 바랜 가족사진을 넣으면 원본에 충실한 복원본, 색 추정본, 부드러운 살아 있는 사진이 나옵니다.
- 슬라이드
아웃도어 프로그램 소개 PPT
+25아웃도어 프로그램, 동호회, 리트리트를 위한 밝은 사진 중심 프레젠테이션. 편집 가능하고 PowerPoint로 내보낼 수 있습니다.
- 영상
종이 오리기 과학 애니메이션
+25그림자 상자 속 종이 층, 오려 낸 종이 해와 달, 줄에 매달려 흔들리는 라벨. 과학 개념 하나를 내레이션으로 설명합니다.
- 웹
파티클 애니메이션 히어로
+25따뜻한 종이 위의 문구 옆에서, 아이디어마다 모양이 바뀌고 스크롤하면 흩어지는 잉크와 청록색 점의 회전하는 구.
- 영상
파트너십 발표 영상
+25테두리 있는 창 안의 발표자, 카드 하나에 놓인 두 로고, 타이핑되는 3단계 설정, 목소리에 맞춰 굴러 들어오는 동사.
- 웹
개인 브랜드 웹사이트
+25얇은 괄호 아래 따뜻한 종이 위로 자연스럽게 스며드는 인물 사진, 양옆에 놓인 가볍고 굵은 문장.
이미지반려동물 초상 스튜디오
+25내가 고른 스타일로 그린 우리 반려동물. 스티커, 짧은 클립, 인쇄 파일까지, 털 무늬는 모두 유지.
- 웹
반려동물 용품 쇼핑몰 템플릿
+25카탈로그, 옵션, 장바구니, 리필 플래너, 데모 결제가 한 HTML 파일에 들어간, 실제로 작동하는 반려동물 용품 쇼핑몰.
- 이미지
휴대폰 목업 생성기
+25부드러운 배경 위에서 3D 접이식 휴대폰이 열리는 내 앱. 선명한 PNG 정지 이미지 또는 접는 클립으로 내보냅니다.
- 이미지
사진 구도 연구
+25하나의 피사체를 서로 다른 구도 원리 세 가지로 찍은 사진풍 작업. 각각 다른 원리에 기대고 있습니다.
- 슬라이드
피치 덱 템플릿
+25보랏빛 유리에 비친 남색 표지, 옅은 라일락 페이지, 둥근 사진 창, 핵심 숫자마다 유리 카드 하나.
- 영상
픽셀 아트 홍보 영상
+25내 링크, 피치, 이야기로 한 프레임씩 그린 레트로 픽셀 아트 필름 형태의 제품 홍보.
- 영상
봉제 인형 캐릭터 런치 영상
+25펠트 인형 캐릭터들이 커서를 타고 다니며 팀 편집기 안에서 홍보 영상을 실시간으로 만듭니다. 모든 컷이 박자에 맞습니다.
- 웹
팟캐스트 웹사이트 템플릿
+25재생 가능한 히어로, 에피소드 보관함, 게스트 페이지, 페이지를 넘겨도 계속 재생되는 플레이어가 있는 팟캐스트 사이트.
웹손그림 가격 섹션
+25기울어진 잉크 카드, 연간 전환 스위치, 다크 모드를 갖춘 노트 스타일 가격표. 오프라인 파일 한 개.
이미지제품 단면도 다이어그램
+25제품의 층을 실제 순서대로 보여 주는 단면도. 사양서의 번호 붙은 설명 표기가 함께 있습니다.
- 웹
시네마틱 제품 런치 페이지
+25필름 조명을 받은 거의 검은 페이지. 떠다니는 빛 위의 세리프 타이틀 카드, 레터박스 야경 장면, 예약 폼.
이미지인용 카드 메이커
+25정확한 글자의 정사각형과 4:5 인용 카드. 확인된 출처나 핸들, 아이디어를 담은 선화 한 장.
이미지부동산 매물 사진 키트
+25매물 사진을 넣으면 정리되고 표시가 붙은 매물 이미지, 연출된 방, 투어 클립, 매물 PDF가 나옵니다.
- 슬라이드
논문 발표 자료
+25따뜻한 종이 위에 그림이 먼저 나오는 페이지, 숲 녹색 잉크, 호박색 섹션 탭, 모든 차트 아래의 출처 줄.
- 웹
연구 논문 웹사이트
+25논문의 프로젝트 페이지. 인터랙티브 그림 1, 결과, 한계, 한 번 클릭으로 복사하는 인용.
- 웹
관리자 대시보드 템플릿
+25차트, 표, 칸반, 캘린더를 갖추고 실제로 작동하는 백오피스 콘솔을 오프라인 HTML 파일 하나로.
- 웹
SaaS 랜딩페이지 템플릿
+25작동하는 제품 콘솔, 가격표, 가입 페이지를 갖춘 차분하고 밝은 소프트웨어 마케팅 사이트.
- 웹
스크랩북 포트폴리오 사이트
+25종이 소품으로 꾸민 여러 페이지짜리 온라인 이력서. 사례 연구와 인쇄용 이력서를 포함합니다.
- 슬라이드
스케치노트 PPT
+25거대한 헤드라인과 손그림 잉크 장면으로 만든 대담한 검정·노랑 프레젠테이션.
- 이미지
스케치노트 이미지 생성기
+25글이나 메모를 정확하고 검증된 라벨이 있는 손그림 4:3 스케치노트 한 장으로 바꿉니다.
이미지스킨케어 과학 다이어그램
+25성분이 작용하는 피부 층을 보여 주는 다이어그램. 근거 수준별 화살표와 모든 주장의 출처.
- 웹
스니커즈 쇼핑몰 템플릿
+25카탈로그, 상품 페이지, 장바구니, 데모 결제까지 갖춘 신발·의류 쇼핑몰을 HTML 파일 하나로.
- 이미지
소셜 커버와 썸네일 생성기
+25메시지 하나를 넣으면, OG 이미지, 게시물 커버, 영상 썸네일이 정확한 크기로 검증된 세트로 나옵니다.
- 슬라이드
소셜 미디어 보고서 덱
+25회색 바탕의 투톤 파랑과 차콜 헤드라인, 흑백으로 오린 단체 사진, 기울어진 알약 모양 칩과 A/B/C 선정.
- 영상
무음에서 소리로 공개하는 홍보 영상
+25완전한 침묵 속에서 버튼이 세 번 눌리고, 같은 장면이 소리와 함께 다시 나오며, 마지막에는 음악이 더해집니다.
- 웹
스포츠 클럽 웹사이트 템플릿
+25시간표, 코치 페이지, 회원권, 코트 배치도, 예약이 한 파일에 들어간 클럽, 체육관, 스튜디오 사이트.
- 영상
정사각형 UI 모프 홍보
+25따뜻한 종이 위에서 버튼이 프롬프트 카드로 늘어나고, 화면이 축소되어 세션의 벽을 보여 줍니다.
- 슬라이드
스타트업 피치 덱
+25검은 바탕 위의 전기 파랑 유리 리본, 아주 큰 흰색 헤드라인, 액자 사진, 페이지마다 옅은 파랑 카드 하나.
- 영상
종이 그림책 애니메이션
+25움직이는 그림책. 펠트와 점토로 오린 조각, 겹겹이 쌓인 종이 언덕, 하나씩 튀어나오는 글자.
- 슬라이드
그림책 프레젠테이션 템플릿
+25상아색 종이 위의 구아슈 아이 초상, 거대한 검은 장 번호, 세로 라벨, 작은 텍스트 섬.
- 영상
말하는 사물 드라마 시리즈
+25말하는 과일이나 사물이 주인공인 세로 마이크로 드라마. 캐릭터의 외모와 목소리는 고정됩니다.
- 영상
고객 후기 영상 메이커
+25따뜻한 줄 종이 위, 인물 사진 판과 솟아오른 인용 카드, 청록색 강조 하나, 고객마다 차분한 크로스페이드.
- 웹
후기 벽 섹션
+25고객 후기가 벽돌 배열이나 천천히 흐르는 벽으로. 본인이 동의한 후기만 공개합니다.
- 영상
인물 뒤 텍스트 제목
+25카메라 속 인물 뒤에서 거대한 헤드라인이 튀어나오고, 깔끔한 컷 뒤에는 같은 글자가 프레임을 차지합니다.
- 영상
문자 메시지 스토리 영상
+25세로 채팅 스토리 영상. 메시지가 튀어나오고, 점 세 개가 입력 중을 보여 주며, 모든 말풍선에 소리가 맞습니다.
- 영상
재질 텍스처 타이포 홍보
+25테라조, 벽돌, 강철로 잘라 낸 헤드라인 글자. 따뜻한 무드보드 위에서 3프레임마다 표면이 바뀝니다.
- 슬라이드
학위 논문 심사 슬라이드
+25주장형 제목이 있는 심사 슬라이드. 결과마다 그 한계를 나란히 두고, 질문에 대비한 예비 페이지도 포함.
- 슬라이드
교육 연수용 PPT
+25설명, 실습, 성찰의 짧은 반복과 활동, 실행 다짐으로 구성한 참여형 교육 슬라이드.
- 웹
여행사 웹사이트 템플릿
+25투어, 가이드, 숙소를 파는 사진 중심 사이트. 여행 검색, 예약 요청, 여행지 찾기 퀴즈가 있습니다.
- 영상
영상 챕터 타이틀 카드
+25긴 영상용 찍히며 나타나는 챕터 카드. 하나의 목록에서 번호를 매기고, 설명란용 타임스탬프 목록도 함께.
- 슬라이드
스토리텔링 PPT
+25전체 화면을 채우는 그림 장면과 짧은 캡션으로 장면마다 이야기를 풀어 가는 영화 같은 슬라이드.
이미지수채화 컨셉 다이어그램
+25어떤 것이 작동하는지 보여 주는 수채화 일러스트. 가는 잉크선, 깔끔한 라벨 레인, 정확한 설명 표기.
- 영상
화이트보드 애니메이션 영상
+25마커 펜이 하나의 보드에 수업 전체를 그리고, 잘못된 상식을 지운 뒤, 완성된 보드까지 뒤로 물러납니다.
- 웹
워크플로 자동화 랜딩 페이지
+25흑연색 페이지, 왼쪽 정렬의 작은 헤드라인, 그 아래에서 실행되고, 재시도하며, 로그를 흘려보내는 살아 있는 노드 그래프.
- 슬라이드
지느 콜라주 프레젠테이션
+25크림색, 검정, 포스터 빨강 페이지. 테이프로 붙인 거친 사진, 포스트잇, 빨간 번호 탭, 타자기 글꼴.
AI 에이전트 28개 지원
어느 에이전트에서든 같은 스킬을 써요. 폴더만 달라요. 에이전트를 선택하면 정확한 경로와 명령어를 볼 수 있어요.
- Claude Code
~/.claude/skills - Codex
~/.agents/skills - Cursor
~/.cursor/skills - Gemini CLI
~/.gemini/skills - GitHub Copilot
~/.copilot/skills - OpenClaw
~/.openclaw/skills - Antigravity
~/.gemini/antigravity/skills - OpenCode
~/.config/opencode/skills - Hermes Agent
~/.hermes/skills - Kimi Code
~/.agents/skills - Kiro
~/.kiro/skills - Trae
~/.trae/skills - Qoder
~/.qoder/skills - Qwen Code
~/.qwen/skills - Cline
~/.agents/skills - Roo Code
~/.roo/skills - Kilo Code
~/.kilo/skills - Amp
~/.config/agents/skills - Zed
~/.agents/skills - Warp
~/.agents/skills - Goose
~/.config/goose/skills - Junie
~/.junie/skills - CodeBuddy
~/.codebuddy/skills - OpenHands
~/.openhands/skills - Devin
~/.config/devin/skills - MiniMax Code
~/.minimax/skills - Mistral Vibe
~/.vibe/skills
SKILL.md를 읽는 다른 에이전트를 쓰시나요? 그 에이전트의 스킬 폴더에 압축을 풀면 사용할 수 있어요.
자주 묻는 질문
설치, 비용, 결과물 활용에 관한 안내예요.
Windsurf에 스킬을 추가하려면?
스킬의 설치 프롬프트를 Windsurf에 붙여 넣거나, ZIP을 내려받아 이 페이지에 나온 스킬 폴더에 압축을 푸세요. Windsurf에서 폴더와 SKILL.md를 인식하며, 버전에 따라 새 세션을 시작해야 새 스킬이 보이기도 합니다.
Windsurf의 스킬이란?
스킬은 SKILL.md 파일과 템플릿, 스크립트, 참고 자료를 담은 폴더입니다. 요청이 맞으면 Windsurf에서 이를 읽고 단계와 점검 항목을 따르기 때문에, 긴 프롬프트 하나에 기대지 않고도 일관된 결과가 나옵니다.
에이전트 스킬이란 무엇인가요?
에이전트 스킬은 SKILL.md 안내서와 템플릿, 스크립트, 참고 자료를 담은 폴더입니다. AI 에이전트가 작업이 맞다고 판단하면 이를 따릅니다. Claude Code, Codex, Cursor 등은 자동으로 불러오므로, 일회성 프롬프트가 아니라 검증된 디자인 시스템을 따른 결과가 나옵니다.
에이전트 스킬과 MCP는 무엇이 다른가요?
MCP는 PopNow의 이미지·영상 모델 같은 도구와 데이터에 에이전트를 연결하는 방식입니다. 스킬은 레이아웃 규칙, 단계, 점검 항목처럼 하나의 작업을 잘 해내는 방법을 에이전트에게 알려 주는 안내서입니다. 둘은 함께 쓰입니다. MCP로 PopNow를 연결하면 어시스턴트가 이 스킬들을 찾아 쓰고, 스킬은 이미지와 소리를 위해 PopNow를 호출합니다.
스킬은 무료인가요?
네. PopNow 계정이 있으면 스킬 다운로드, 설치, 사용은 무료예요. PopNow로 생성하는 AI 이미지, 영상, 음악, 음성에만 비용이 들어요. 설치한 스킬의 POPNOW_API_KEY를 포함한 API 키 호출은 별도의 미국 달러(USD) API 잔액에서 차감돼요. OAuth/MCP로 연결한 ChatGPT나 Claude에서 생성하면 웹사이트 크레딧을 사용해요. 유료 생성은 매번 견적을 먼저 보여 드리고 승인을 받은 뒤 실행해요.
이 스킬을 Claude나 ChatGPT에서 쓸 수 있나요?
네. OAuth로 PopNow를 Claude, ChatGPT 또는 MCP를 지원하는 다른 앱에 연결한 뒤 만들고 싶은 것을 말해 주세요. 어시스턴트가 알맞은 스타일을 찾아 주고 선택한 스타일을 사용해요. 스킬은 무료이며, 소재 생성은 웹사이트 크레딧을 사용하고 견적 승인을 받은 뒤 실행해요. 슬라이드, 웹사이트, HTML 영상처럼 편집할 수 있는 파일을 만드는 스킬은 Claude Code 같은 코딩 에이전트에서 사용하기 좋아요.
어떤 에이전트를 지원하나요?
SKILL.md 폴더를 읽을 수 있는 에이전트라면 됩니다: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode. 스킬은 어디서나 같고 설치 폴더만 다릅니다.
PopNow 자체 스킬과는 무엇이 다른가요?
캔버스 스킬은 PopNow 안에서 Poppie가 실행해요. 이곳의 에이전트 스킬은 내 컴퓨터의 코딩 에이전트에 설치할 수 있어 슬라이드, 웹사이트, HTML 기반 영상처럼 계속 편집할 파일에 잘 맞아요.
결과물을 상업적으로 써도 되나요?
네. 만든 결과물은 클라이언트 작업을 포함해 모두 내 것입니다. 스킬 패키지 자체는 본인만 사용할 수 있으며 재판매하거나 재배포하면 안 됩니다.
어떤 AI 도구로 제품 런칭 영상을 만드나요?
PopNow입니다. Claude나 ChatGPT에 연결하거나 코딩 에이전트에 런칭 영상 스킬을 설치한 뒤, 무료 런칭 영상 스타일 20종 이상 중에서 고르세요. 에이전트가 실제 제품으로 MP4를 렌더링하고, 가격을 승인하면 PopNow 음악, 음성, 효과음을 더합니다. 자세한 내용은 'AI로 제품 런칭 영상 만드는 법'을 보세요.
AI 에이전트로 영상, 이미지, 발표 자료를 만드는 가장 좋은 방법은 무엇인가요?
작업에 맞는 스킬과 미디어를 만들 곳을 에이전트에 함께 주는 것입니다. PopNow 에이전트 스킬은 PopNow에 맞춰 작성되어 레이아웃, 프롬프트, 모델 선택이 처음부터 원하는 룩에 맞습니다. 이미지, 영상 소재, 음악, 음성은 모두 하나의 PopNow 계정에서 나오며, 모든 작업은 가격을 먼저 보고 시작합니다.