OpenDesign

월별·분기별·연간 재무 정보를 한 화면의 HTML 보고서로 정리합니다. 매출과 자금 여력 지표, 매출·비용 차트, 손익 비교표, 주요 고객과 전망을 담습니다.

• 월별·분기별 재무 보고서를 작성합니다
• SaaS 반복 매출과 자금 여력을 확인합니다
• 이전 기간과 손익을 비교합니다

짧은 홍보 음악, 배경 음악, 내레이션, 효과음의 요구 사항을 정리하고 용도에 맞는 음성 생성 모델로 제작해 MP3 또는 WAV 파일을 프로젝트에 저장합니다.

• 매장 개업 홍보용 짧은 징글 제작
• 악기를 지정한 배경 음악 생성
• 확정 원고를 내레이션으로 변환

연간 독서 시간과 완독 수, 메모, 관심 키워드를 종이 질감과 책장을 넘기는 동작으로 정리해 공유용 세로 영상에 맞는 HTML을 만드는 템플릿입니다.

• 연간 독서 실적을 영상으로 만듭니다
• 독서 메모와 관심 분야를 돌아봅니다
• 독서 모임의 연간 기록을 공유합니다

짙은 보라색 그라데이션으로 기업의 AI 도입 검토용 HTML 슬라이드를 만듭니다. 경영진과 IT·보안 담당자를 위해 위험 관리, 투자 수익과 배포 계획을 정리합니다.

• 경영진에게 AI 도입안 설명
• IT 부서와 위험 관리 검토
• 투자 수익과 배포 계획 정리

신입 직원의 온보딩 계획을 한 페이지 HTML로 정리합니다. 첫날과 첫 주 일정, 상사와 동료 안내, 30·60·90일 목표, 참고 자료와 완료 조건을 모읍니다.

• 신입 직원의 첫 주 일정 준비
• 30·60·90일 목표 설정
• 상사·온보딩 동료·참고 자료 공유

습관과 일상 할 일을 퀘스트로 보여 주는 모바일 앱 시제품을 만듭니다. 표지, 오늘의 목록, 상세 화면을 하나의 HTML에 담고 경험치와 레벨, 단계 및 보상을 표현합니다.

• 게임 요소가 있는 습관 앱 시제품 만들기
• 경험치가 있는 일일 할 일 목록 검토하기
• 단계와 보상이 있는 퀘스트 상세 설계하기

OpenDesign에 기존 스킬과 디자인 시스템을 기여하고 문서를 번역·수정하거나 버그를 보고하도록 돕습니다. 내용 검증부터 변경 제안과 보고서 작성까지 안내합니다.

• 기존 스킬이나 디자인 시스템을 기여합니다
• 문서 번역을 추가하거나 갱신합니다
• 오탈자·링크를 고치거나 사례 글을 씁니다

HTML 페이지나 슬라이드를 다섯 관점에서 근거와 함께 채점하고, 레이더 차트와 유지할 점, 수정할 점, 빠르게 개선할 점을 하나의 HTML 보고서로 정리합니다.

• 납품 전 랜딩 페이지 디자인 검토
• HTML 슬라이드 가독성과 조작 확인
• 두 디자인 시안 비교

코드와 문서를 생성할 때 생략 주석이나 미구현 틀로 내용을 대신하지 않고 요청한 모든 항목을 출력하도록 합니다. 긴 출력은 중단점과 재개 위치를 표시합니다.

• 소스 파일 전체 받기
• 지정한 컴포넌트 한꺼번에 생성
• 긴 문서의 내용 생략 방지

Slack에서 사용할 애니메이션 GIF를 만듭니다. 기본 동작 요소를 조합하고 크기 제한을 검증하면서 반응용 GIF나 작은 애니메이션을 제작할 수 있습니다.

• Slack 대화용 반응 GIF 제작
• 작은 애니메이션 GIF 제작
• GIF 제작 중 크기 제한 확인

Venice.ai로 글을 음성으로 바꿔 내레이션, 영상에 덧입힐 음성, 대화형 에이전트의 목소리를 만듭니다. 모델, 목소리, 출력 형식과 스트리밍을 다룹니다.

• 원고를 내레이션 음성으로 만듭니다
• 영상에 덧입힐 음성을 제작합니다
• 대화형 에이전트에 목소리를 더합니다

OpenAI의 API와 기본 제공 음성으로 글을 낭독 오디오로 변환합니다. 해설 내레이션, 강의 음성판, 짧은 영상에 넣을 음성 트랙을 만들 때 사용합니다.

• 해설용 내레이션을 만듭니다
• 강의 원고를 음성으로 변환합니다
• 영상에 넣을 음성을 만듭니다

사용자 조사의 배경, 참여자 구성, 행동 패턴과 근거를 세 장의 HTML 슬라이드로 정리합니다. 따뜻한 종이 색감의 스위스 스타일에 도표와 절제된 움직임을 더합니다.

• 사용자 조사를 세 장으로 보고합니다
• 참여자 구성을 도넛 차트로 표시합니다
• 행동 패턴과 근거를 나란히 설명합니다

구현된 UI와 디자인 요구 사항의 시각적 차이를 줄이도록 평가와 조정, 마무리를 반복하는 작업을 안내합니다. 별도로 설치하는 원본 작업 흐름을 찾는 입구로 사용합니다.

• 구현 화면과 디자인 요구 사항을 비교합니다
• 시각적 차이를 반복해서 조정합니다
• 디자인에서 구현까지의 검토 단계를 계획합니다

Three.js로 브라우저에서 표시하고 조작할 수 있는 3D 요소와 경험을 제작합니다. 장면 구성, 재질 외관, 조작 방식, 렌더링 후 시각 효과를 다룹니다.

• 웹 페이지에 3D 요소 제작
• 브라우저에서 조작하는 3D 경험 제작
• 재질 외관과 조작 방식 조정

브랜드에 맞는 PDF와 전자 가이드, 보고서를 만들고 기입하거나 서식을 바꿉니다. 공통 디자인 설정과 15가지 표지 스타일로 문서의 외관을 정리합니다.

• 브랜드에 맞는 PDF를 만듭니다
• 전자 가이드를 제작합니다
• 보고서의 서식을 정리합니다

UI/UX 설계를 검토할 때 에이전트가 도입 후보를 찾도록 돕는 카탈로그 항목입니다. 검색 데이터와 템플릿은 없으며 실제 사용에는 원본 배포 파일 전체가 필요합니다.

• UI/UX 설계 참고 후보 찾기
• 필요한 파일의 설치 상태 확인
• 원본 배포처의 설치 방법 확인

PowerPoint 자료를 읽고 새로 만들거나 기존 슬라이드를 조정하도록 지원합니다. 경영진 설명 자료, 교육, 제품 검토에 쓰는 레이아웃과 템플릿도 다룹니다.

• 경영진을 위한 설명 자료 제작
• 교육용 슬라이드 준비
• 제품 검토 자료 제작

풀 리퀘스트의 검토 의견과 병합 충돌을 확인하고 수정과 검증을 진행합니다. 커밋이나 푸시 전에 읽기 전용 교차 검토를 수행하고 처리 결과와 남은 문제를 보고합니다.

• 풀 리퀘스트 검토 의견에 따른 수정
• 상위 저장소의 변경을 보존하며 충돌 해결
• 커밋이나 푸시 전 수정 내용 검토

제공한 HTML과 텍스트, 데이터를 iPhone과 MacBook 화면에 배치합니다. 유리 느낌의 하이라이트와 바닥 반사를 더해 입체적인 제품 소개 페이지를 만듭니다.

• 제품 발표에서 앱 화면 전시
• 모바일과 데스크톱 디자인을 함께 전시
• 텍스트와 데이터를 앱 화면처럼 표현

PDF의 텍스트 추출, 새 PDF 작성, 양식 처리를 지원합니다. 보도자료, 브랜드에 맞춘 한 장짜리 자료, 인쇄용 디자인 제작에 활용합니다.

• 기존 PDF에서 텍스트 추출
• 보도자료를 PDF로 작성
• 브랜드에 맞춘 한 장짜리 자료 제작

SaaS 유료 요금제 전환 화면, 유료 기능 접근 제한 화면, 추가 구매 팝업을 설계하고 개선합니다. 유료 전환을 위한 화면 구성과 요금 안내 페이지 실험에 활용합니다.

• 유료 요금제 전환 화면 설계
• 유료 기능 접근 제한 화면 개선
• 추가 구매 안내 팝업 설계

AI 에이전트가 여러 작은 UI 구성 요소를 만들 때 공통 제작 규칙을 적용합니다. 인터페이스 전체의 일관성을 유지하는 지침으로 활용합니다.

• 여러 UI 구성 요소의 일관성을 유지합니다
• 에이전트에 공통 화면 제작 규칙을 전달합니다
• 제작 계획에 UI 제약을 반영합니다

문서 분석과 이미지 생성을 결합해 내용을 정리한 PPT 자료를 만듭니다. NanoBanana로 지정한 스타일의 이미지를 생성하고, 이를 포함한 프레젠테이션으로 구성합니다.

• 문서를 PPT 자료로 정리합니다
• 생성 이미지를 포함한 슬라이드를 만듭니다
• 문서 분석부터 자료 제작까지 함께 요청합니다