스킬 찾기

주요 지표와 분석 결과, 유지율 그래프를 잡지 형식의 한 페이지 HTML 보고서로 정리합니다. 종이 질감 배경과 파스텔색 카드를 사용해 경영 회의 자료를 만듭니다.

• 잡지 형식의 사업 보고서 작성
• 경영 회의용 한 페이지 자료 작성
• 주요 지표와 분석 내용 정리

fal.ai의 가상 피팅 모델로 옷을 입은 사람의 모습을 이미지로 확인합니다. 전자상거래용 착용 이미지, 룩북과 스타일링 아이디어를 검토할 때 활용합니다.

• 전자상거래용 착용 이미지를 검토합니다
• 룩북에 넣을 옷차림을 시도합니다
• 사람이 옷을 입은 모습을 확인합니다

큰 글자와 여백, 빈칸 없는 카드 그리드, 스크롤에 연동되는 움직임을 조합해 데스크톱 랜딩 페이지를 시제품으로 만들고, 주목에서 행동으로 이어지는 구성을 설계합니다.

• 스크롤 효과가 있는 랜딩 페이지를 시제품으로 만듭니다
• 첫 화면의 배치와 글자 구성을 바꿉니다
• 빈칸 없는 카드 그리드를 설계합니다

공지나 메시지를 앱 아이콘과 제목이 있는 macOS 스타일 알림 배너로 만듭니다. 영상 위에 겹쳐 표시하거나 제품 예고와 소셜 미디어 이미지에 쓸 HTML을 생성합니다.

• 영상 위에 알림 배너 겹쳐 표시하기
• 제품 출시 예고 만들기
• 소셜 미디어 공지 이미지 제작

업무 절차와 시스템 흐름을 색깔 있는 메모지와 곡선 화살표로 도식화합니다. 분기와 합류를 표현하고, 시작 안내나 운영 설명에 쓸 단일 HTML 파일로 만듭니다.

• 사용 시작까지의 절차 도식화
• 운영 절차 설명
• 시스템 구조 소개

기존 웹 페이지나 HTML을 점검하고 콘텐츠와 브랜드를 유지하면서 시각 요소, 문구, 움직임, 사용성 문제를 수정해 공유 전에 마무리합니다.

• 생성한 페이지를 공유 전에 다듬습니다
• 획일적인 디자인과 불일치를 검토합니다
• 모바일 표시와 사용성 문제를 수정합니다

Google Gemini의 이미지 생성 API로 UI 완성 모습을 보여 주는 목업, 아이콘, 일러스트 등 화면과 제작물에 쓸 시각 자료를 만듭니다.

• UI 완성 모습을 목업으로 확인
• 디자인에 쓸 아이콘 생성
• 제작물에 넣을 일러스트 생성

애니메이션이 있는 HTML 프레젠테이션을 만듭니다. 디자인 미리보기를 확인하며 온라인 강연, 웹 삽입용 발표 자료, 조작 가능한 설명 자료를 제작할 수 있습니다.

• 온라인 강연용 슬라이드 제작
• 웹페이지에 발표 자료 삽입
• 조작 가능한 설명 자료 제작

GSAP으로 여러 애니메이션의 순서와 겹침을 구성하고 시작 위치 지정, 그룹 중첩, 재생·일시 정지·역재생·위치 이동 구현을 돕습니다.

• 여러 동작을 정해진 순서로 재생
• 시작 시간을 조정해 동작 겹치기
• 동작을 묶어 재생을 함께 제어

스마트폰 로그인 화면을 독립형 HTML 프로토타입으로 만듭니다. 문자 인증, 비밀번호, 외부 계정 로그인에 맞춰 입력 오류와 처리 중 상태도 구성합니다.

• 전화번호와 문자 인증 화면 시안 제작
• 비밀번호 로그인 화면 설계
• 외부 계정 로그인 방식 검토

코드베이스를 바탕으로 Figma 디자인 시스템 라이브러리를 만들거나 업데이트합니다. 제품에 구현된 컴포넌트와 디자인 작업의 기준 자료를 일치시킵니다.

• 코드에서 Figma 라이브러리를 만듭니다
• 구현에 맞춰 디자인 라이브러리를 갱신합니다
• 디자인 기준 자료와 구현을 일치시킵니다

분기 성과와 향후 계획을 파랑, 주황, 크림색의 복고풍 HTML 슬라이드 세 장으로 정리합니다. 표지, 세 가지 중점 과제, 로드맵과 핵심 성과 지표를 담습니다.

• 분기 성과 발표 자료 제작
• 팀의 세 가지 중점 과제 공유
• 로드맵과 핵심 성과 지표 제시

fal.ai의 실시간 및 스트리밍 이미지 생성으로 무드보드의 방향을 탐색하고 초안 이미지의 여러 변형을 만듭니다. 창작 초기에 다양한 안을 반복해서 시도할 수 있습니다.

• 무드보드의 시각적 방향을 탐색합니다
• 초안 이미지의 여러 변형을 생성합니다
• 창작 초기의 안을 반복해서 시도합니다

버튼과 알림 등의 세부 동작을 검토하고 조작에 맞는 움직임과 반응을 설계합니다. 애니메이션 필요성부터 CSS 구현, 접근성까지 살펴봅니다.

• 애니메이션이 필요한지 판단합니다
• 버튼과 알림의 조작감을 다듬습니다
• 변경 전후의 UI 코드를 비교합니다

fal.ai로 사람이 말하는 영상을 만들고 입 모양을 음성과 동기화합니다. 설명용 아바타, 다국어 더빙 미리보기, 소셜 미디어용 짧은 영상에 사용합니다.

• 설명하는 아바타 영상 제작
• 다국어 더빙 미리보기 생성
• 음성과 영상 속 입 모양 동기화

fal.ai에서 글이나 이미지를 바탕으로 3D 모델을 생성하는 스킬입니다. 게임 소재, 증강 현실 미리보기, 제품 시제품 이미지와 입체 조형 구상에 활용합니다.

• 게임용 3D 소재 생성
• 증강 현실 미리보기용 모델 제작
• 제품 시제품 이미지 제작

아직 형태가 잡히지 않은 아이디어를 단계적인 질문과 대안 검토로 구체적인 디자인으로 정리합니다. 초기 구상에서 나아갈 방향을 좁히는 데 사용합니다.

• 대략적인 아이디어 구체화
• 콘셉트의 다른 방향 검토
• 질문을 통한 초기 구상 정리

글과 실용 지식을 小红书 스타일의 여러 지식 카드로 정리합니다. 표지부터 요점과 요약까지 큰 글자와 부드러운 색상으로 구성하며, 게시용 스크린샷을 찍을 수 있습니다.

• 노하우를 지식 카드로 정리합니다
• 小红书용 캐러셀 게시물을 만듭니다
• WeChat 모멘트용 이미지를 만듭니다

소셜 미디어 광고와 검색 광고의 제목, 설명, 본문을 작성하고 표현을 반복해서 수정합니다. 광고 문구 후보를 준비하고 개선안을 검토할 때 활용합니다.

• 소셜 미디어 광고 제목을 작성합니다
• 검색 광고 설명을 준비합니다
• 광고 본문 표현을 검토합니다

잡지 지면과 전자종이를 떠올리게 하는 가로형 슬라이드를 만듭니다. 열 가지 배치와 다섯 가지 색상 구성으로 주장과 데이터를 인쇄물 같은 모습으로 정리합니다.

• 잡지 스타일의 자료로 주장 전달
• 연구 결과와 주요 수치 공유
• 장별로 구성한 발표 자료 제작

Word 문서의 작성, 편집, 분석을 지원하며 변경 내용 추적, 메모, 서식을 다룹니다. 디자인 의뢰서와 원고를 검토 가능한 문서로 정리합니다.

• 디자인 의뢰서를 Word로 작성할 때
• 원고의 수정 이력을 남길 때
• 메모가 포함된 검토용 문서를 준비할 때

새 서비스나 제품에 맞는 도메인 이름을 제안하고, .com·.io·.dev·.ai 등 여러 도메인 끝부분에서 등록 가능한지 확인합니다.

• 새 서비스의 도메인 이름을 구상합니다
• 여러 도메인 끝부분의 등록 가능 여부를 확인합니다
• 제품명에 맞는 도메인을 비교합니다

p5.js에서 계산 규칙과 난수로 생성 예술을 만듭니다. 난수의 초깃값을 고정해 같은 그림을 재현하며, 포스터와 동적인 느낌의 정지 이미지, 구도 시안 제작에 활용합니다.

• 규칙을 바탕으로 포스터를 제작합니다
• 움직임이 느껴지는 정지 이미지를 만듭니다
• 예술 작품의 구도를 시험합니다

Markdown이나 메모를 잡지 스타일의 긴 HTML 기사로 정리합니다. 큰 제목과 단일 열 본문에 인용문 및 코드 전용 스타일을 적용합니다.

• Markdown을 잡지 스타일 기사로 만듭니다
• 메모를 에세이로 정리합니다
• 긴 뉴스레터를 디자인합니다