OpenDesign

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

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

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

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

문서와 글을 Vercel 글쓰기 지침에 따라 검토합니다. 문체, 어조, 서식, 구조의 문제를 파일명과 줄 번호로 간결하게 알리며 기본적으로 동봉된 고정판을 사용합니다.

• 공개 전 문서 검토
• 여러 파일의 문체 확인
• 서식과 구조의 문제 탐색

React와 Tailwind로 claude.ai용 복잡한 HTML 아티팩트를 만듭니다. Anthropic의 참고 작업 절차에 따라 삽입 가능한 웹 콘텐츠를 제작합니다.

• claude.ai용 HTML 아티팩트 제작
• React와 Tailwind를 활용한 제작
• 삽입 가능한 웹 콘텐츠 제작

OpenDesign 라이브 데모를 주제로 발표자 노트와 애니메이션이 있는 HTML 슬라이드를 만듭니다. 구성, 설명 내용, 시각적 방향을 정리합니다.

• 개발자 대상 라이브 데모를 준비합니다
• 잠재 고객에게 AI 작업 절차를 설명합니다
• 발표자 노트가 있는 HTML 자료를 만듭니다

영상 도입부에 쓸 짧은 문구를 빛 효과와 함께 한 글자씩 나타나는 HTML로 만듭니다. 발광 커서와 색상 어긋남, 광선을 조합하고 출처나 장 제목을 덧붙일 수 있습니다.

• 인용문으로 영상 시작
• 빛나는 글자로 장 도입 화면 제작
• 도입 문구에 인용 출처 추가

Venice.ai API를 사용하는 영상 생성과 전사 작업을 안내합니다. 전체 절차를 실행하려면 제공처의 스크립트, 자료, 참고 문서가 포함된 묶음을 별도로 설치해야 합니다.

• Venice.ai API로 영상 생성
• Venice.ai를 통한 전사 작업
• 에이전트의 영상 관련 작업 계획

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

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

프로젝트 회고와 장애 보고를 위한 어두운 CRT 터미널풍 16:9 HTML 슬라이드를 만듭니다. 고정폭 글자, 빨간 경고, 타임라인과 감사 로그로 정보를 정리합니다.

• 프로젝트 회고 결과 보고
• 인프라 장애 경과 보고
• 보안 검토 결과 정리

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

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

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

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

지정한 주제로 긴 글을 작성하고 제목, 이미지 자리 표시자, 인용문, 저자 소개, 관련 글을 배치해 잡지처럼 읽기 편한 단일 HTML 페이지로 만듭니다.

• 긴 블로그 글의 페이지 원형을 만듭니다
• 그림과 인용문을 넣어 사례를 소개합니다
• 기존 디자인에 맞춰 글 화면을 설계합니다

연애·매칭 서비스나 커뮤니티의 수치를 주요 지표와 차트로 보여 주는 데스크톱 화면을 차분한 지면 스타일의 단일 HTML로 만듭니다.

• 연애 서비스 관리 화면을 시제품으로 만듭니다
• 커뮤니티 활동 현황을 보여 줍니다
• 상호 매칭 수와 매칭률 추이를 표시합니다

YouTube 영상 확보부터 주요 장면 추출, 자막 추가, 내보내기까지 자동화된 흐름으로 진행하여 개별 클립과 하이라이트 영상의 제작 및 편집을 돕습니다.

• YouTube 영상의 주요 장면 추출
• 자막이 포함된 클립 제작
• 하이라이트 영상 제작

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

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

병원의 환자 데이터 위험, 관리 체계, 책임 분담, 승인 사항을 정리합니다. 이사회나 규제 기관에 설명할 발표자 노트가 포함된 HTML 슬라이드를 만듭니다.

• 이사회에 환자 데이터 위험 설명
• 규제 기관용 데이터 관리 체계 정리
• 데이터 관리 방침 승인 자료 제작

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

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

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

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

서비스 개요, 알림의 초기 대응, 복사할 수 있는 명령어, 모니터링 링크, 비상 당번표와 장애 대응 점검표를 한 페이지 HTML 운영 지침서로 정리합니다.

• 서비스 운영 지침서 작성
• 알림 발생 시 초기 대응 정리
• 배포와 복구 절차 문서화

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

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

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

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

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

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

상장 기업의 재무 자료로 미래 현금 흐름을 예측하고 DCF 방식으로 주당 내재 가치를 추정합니다. 계산 가정과 민감도 분석을 포함한 평가 보고서를 작성합니다.

• 상장 기업의 적정 주가 추정
• 현재 주가와 추정 가치 비교
• 가정에 따른 평가액 변화 확인

Staff 엔지니어 승진에 필요한 담당 범위, 실적 근거, 결과물과 영향을 정리해 상사나 평가 위원회에 제시할 흰 바탕의 잡지풍 HTML 슬라이드를 만듭니다.

• Staff 엔지니어 승진 자료를 준비합니다
• 상사에게 실적과 근거를 설명합니다
• 승진 심사를 위해 업무 영향을 정리합니다