STATEPRINT
연간 보고서·백서 사이트
STATEPRINT는 Claude Code·Codex·Cursor용 AI Skill로, 연간 보고서나 백서 사이트를 만듭니다. 첫 화면은 사이키델릭한 꽃의 무음 루프 영상이 가득 채우고, 그 위에 직무명과 비율을 적은 흰색 작은 라벨이 얹힙니다. 아래로는 신문 같은 큰 제목, 왼쪽에 고정되어 읽는 위치에 따라 켜지는 챕터 목록, 그리고 화면에 들어오면 기준선에서 자라나며 숫자도 함께 올라가는 막대그래프가 이어집니다.
제공 내용
- HTML·CSS·JavaScript만으로 만든 완성된 웹사이트
- 데모 소재 팩: 첫 화면 루프 영상 1개와 포스터 이미지 1장
- 360px 모바일부터 1440px 데스크톱까지 레이아웃 확인
이런 분께
- 산업 보고서나 백서를 내는 팀
- 리서치 회사와 컨설팅 회사
- 웹 제작 프리랜서
준비물
- 보고서 이름, 연도, 발행 주체
- 한 문장짜리 도입문, 조사 기간, 표본 수
- 다섯 챕터의 제목과 각 본문
- 각 그래프의 실제 수치와 단위
자주 묻는 질문
Claude Code, Codex, Cursor에 붙여 넣거나 SKILL.md로 저장해 도구의 skills 폴더에 두세요. AI가 소재 팩을 내려받고 부족한 정보를 물은 뒤 프로젝트 폴더에 사이트를 만듭니다. Skill 사용법
7초짜리 루프 영상입니다. 화면 전체를 채우며 천천히 흐르고, 소재 팩에 들어 있습니다(915 KB, 소리 없음). 원본은 앞뒤가 이어지지 않아 마지막 1초를 첫 1초에 겹쳐 크로스페이드로 이었고, 이음새는 보이지 않습니다. 그 위의 색 번짐과 입자, 가장자리 어두움은 모두 CSS입니다. 영상은 Grok(xAI)으로 생성했으며 이 첫 화면에 한해 Austin이 승인했고, 클라이언트 작업에 그대로 납품할 수 있습니다. 「동작 줄이기」를 켠 독자에게는 자동 재생되지 않고 포스터 한 장이 대신 보입니다.
네. 브랜드명과 카피를 주고 소재 팩 파일을 같은 파일명으로 본인 것으로 바꾸면 됩니다. Skill은 AI에게 후기·수상·주소·전화번호를 지어내지 말라고 명시합니다.
앞으로 추가될 것까지 Skill 71개 전부: 월 US$6, 6개월 US$29, 평생 US$99 일시불. 가격은 세금 포함입니다.