OpenDesign

연구 보고나 사내 검토 자료를 차분한 종이 느낌의 HTML 슬라이드로 만듭니다. 짙은 파랑과 종이색, 세리프 글꼴로 구성하며 가로 스와이프와 키 조작으로 열람합니다.

• 연구실에서 연구 설계·결과·한계 보고
• 분기별 사내 검토 자료 작성
• 일본어 연구 발표 자료 제작

지난 24시간의 Gmail 수신 내역을 처리 필요, 주목할 정보, 참고 정보로 분류합니다. Orbit 일일 요약을 Gmail에서 메일을 연 화면처럼 표시합니다.

• 지난 24시간의 Gmail 내역을 돌아봅니다
• 처리가 필요한 이메일을 확인합니다
• 주목할 정보와 참고 메일을 분류합니다

포스터, 작품의 메인 비주얼, 기사 삽화를 생성합니다. 구도와 조명, 색상 등의 요구를 정리하고 PNG 또는 JPEG 이미지로 프로젝트에 저장합니다.

• 영화제 포스터 제작
• 작품의 메인 비주얼 제작
• 기사 삽화 생성

앱의 환영, 가치 소개, 로그인 화면을 스마트폰 틀 세 개에 나란히 배치합니다. 첫 사용 안내 흐름을 하나의 HTML 원형으로 확인할 수 있습니다.

• 명상 앱의 첫 사용 안내를 만들 때
• 앱의 가치를 전달하는 방식을 검토할 때
• 환영부터 로그인까지의 흐름을 제시할 때

HTML로 영상의 구성과 움직임을 만들고, 음성에 맞춘 자막과 읽기 음성, 음악에 반응하는 효과를 조합합니다. 제목과 장면 전환을 다루며 글자 넘침과 가독성을 점검합니다.

• 짧은 제품 소개 영상을 제작합니다
• 음성에 맞춘 자막을 추가합니다
• 내레이션과 움직이는 글자를 조합합니다

GitHub·Discord·X의 커뮤니티 성장 방안을 게시 계획과 성과로 이어지는 수치와 함께 정리하여 코럴 색상의 HTML 슬라이드로 만듭니다.

• 커뮤니티 성장 계획 제안
• GitHub·Discord·X 게시 계획
• 성장 구조와 관련 수치 설명

신제품을 소개하는 HTML 이메일을 만듭니다. 브랜드 로고, 제품 비주얼, 제목, 사양과 행동 유도 버튼을 중앙 정렬된 단일 열로 구성합니다.

• 신제품 출시 안내 이메일을 만듭니다
• 브랜드 뉴스레터 템플릿을 제작합니다
• 이메일로 제품 사양을 소개합니다

디지털 가이드의 표지와 본문을 나란히 보여 주는 HTML 시안을 만듭니다. 목차, 인용문, 단계 목록, 연습 공간을 배치하고 여백과 서체를 살려 지면을 구성합니다.

• 창작자용 가이드 시안 제작
• 룩북 지면 구성 검토
• 배포용 마케팅 자료 시안 제작

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

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

가이드나 API 참고 문서를 탐색 메뉴, 본문, 목차의 세 열로 설계하고 코드 예시와 표를 담은 단일 HTML 페이지로 시제품을 만듭니다.

• API 참고 문서 시제품 제작
• 코드 예시가 있는 튜토리얼 작성
• 페이지 내 목차가 있는 가이드 설계

멤버 목록, 활동 기록, 역할별 차트를 갖춘 팀 관리 화면을 만듭니다. 탭 전환, 밝고 어두운 테마, CSV 내보내기가 작동하는 단일 HTML 원형을 제공합니다.

• 팀 관리 화면 원형 제작
• 역할 구성과 온라인 상태 설명
• 탭으로 멤버 정보와 활동 확인

웹 화면 코드를 Vercel 지침에 따라 검토합니다. 배치, 글자, 색상, 움직임, 접근성을 점검하고 문제를 파일명과 줄 번호로 표시하며, 동봉된 고정판으로 검토 기준을 맞춥니다.

• 제품의 화면 코드 검토
• 지침에 따른 사용 편의성 확인
• 배치·글자·색상·움직임 점검

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

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

개인의 경험과 신념을 이야기 흐름이 있는 HTML 슬라이드로 만듭니다. 파스텔 카드 템플릿으로 구성과 본문, 시각적 방향, 발표자 노트를 정리합니다.

• 개인의 신념을 전달할 발표 자료를 만듭니다
• 한 해의 경험을 이야기로 정리합니다
• 파스텔풍 HTML 슬라이드를 만듭니다

사이트 오른쪽 아래에 여닫을 수 있는 문의 창을 단일 HTML로 만듭니다. 안내문, 소셜 링크, 면담 예약을 모으고 응대 중단 시 연락 양식을 표시합니다.

• 포트폴리오에 문의 창 추가
• 소셜 링크와 면담 예약 경로 통합
• 응대 중단 시 연락 양식 제공

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

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

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

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

기존 사이트의 소스와 브라우저 동작을 조사해 모양과 조작을 로컬에서 재현합니다. 자료 수집부터 구현, 원본과의 비교 검증, 콘텐츠 교체까지 진행합니다.

• 기존 사이트를 로컬에서 재현하며 학습
• WebGL과 Canvas 효과 조사
• 재현한 사이트와 원본 비교

현대 미술 국제전과 전시 기획을 노란색과 따뜻한 종이색의 HTML 슬라이드로 정리합니다. 기획 주제, 전시실, 작품, 관람객 동선을 설명하는 자료를 만듭니다.

• 이사회에 국제전 기획 제안
• 전시실 구성과 관람객 동선 설명
• 문화 기관 프로그램 발표

OpenDesign에서 자신의 API 키로 모델을 선택하는 방법을 설명하는 HTML 슬라이드를 만듭니다. 터미널형 템플릿으로 비용, 품질, 모델별 용도 판단을 돕습니다.

• 엔지니어와 정보 기술 부서에 모델 선택 설명
• 비용, 품질, 모델별 용도 비교 자료 작성
• 발표자 노트가 있는 터미널형 슬라이드 제작

GitHub 공개 저장소의 주요 지표와 최근 활동을 모아 HTML 대시보드를 만듭니다. 기여자와 이슈 현황을 한 화면에서 확인하고 데이터 출처도 기록할 수 있습니다.

• 저장소 활동을 한눈에 확인
• 오픈 소스 프로젝트 상태 보고서 작성
• 주요 기여자와 최근 이슈 및 풀 리퀘스트 확인

Venice.ai API를 통한 이미지 생성과 사용 가능한 스타일을 다룹니다. 에이전트와 이미지 제작을 계획하거나 생성 기능과 스타일을 확인할 때 활용합니다.

• Venice.ai API로 이미지 생성
• 사용 가능한 이미지 스타일 확인
• 에이전트와 이미지 생성 계획

취미와 수집 경험, 게임 이야기를 짙은 남색과 네온 색상, 픽셀 아트풍의 HTML 슬라이드로 구성해 친구와 동호인에게 전할 이야기로 만듭니다.

• 복고풍 아케이드 기기 수집 기록 소개
• 친구에게 취미의 여정 소개
• 게임 동호인을 위한 발표 자료 제작

WordPress 공식 디자인 시스템을 테마와 사이트에 적용합니다. 색상 등 공통 시각 설정과 글자 배치, 화면 구성 요소 패턴으로 외관을 정돈합니다.

• 테마에 WordPress 공식 스타일을 적용합니다
• 사이트의 글자 배치를 정돈합니다
• 공식 화면 구성 요소 패턴을 사용합니다