스킬 찾기

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

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

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

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

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

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

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

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

숙박·접객업 신입 직원을 위한 입사 후 30일 교육을 HTML 슬라이드로 만듭니다. 익혀야 할 행동, 실습, 학습 확인, 상사의 후속 지도를 하나의 교재로 정리합니다.

• 숙박·접객업의 30일 신입 교육 제작
• 실습과 학습 확인을 교재로 구성
• 강사용 슬라이드와 노트 준비

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

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

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

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

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

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

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

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

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

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

정리되지 않은 스타트업 발표 자료를 의사 결정에 필요한 내용과 근거가 드러나는 HTML 슬라이드로 구성하고, 파스텔과 네온 색면 및 굵은 검은 테두리로 디자인을 통일합니다.

• 이사회 발표 자료 정리
• 제작사 프로젝트 실적 소개
• 브랜드 개편안 검토

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

글과 데이터를 Hyperframes / Remotion용 연속 프레임 애니메이션으로 정리합니다. 자동 재생, 수동 조작, 렌더링용 메타데이터를 제공합니다.

• 짧은 대본을 애니메이션으로 제작
• 장면별로 데이터를 순서대로 설명
• Remotion 렌더링용 소재 준비

사업의 매력, 성과, 경쟁 우위와 투자 유치 내용을 정리해 투자자용 HTML 슬라이드를 만듭니다. 발표자 노트가 포함된 자료로 완성합니다.

• Demo Day 투자 유치 자료를 만듭니다
• 투자자에게 성과와 경쟁 우위를 설명합니다
• 발표자 노트가 있는 HTML 자료를 만듭니다

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

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