# STATEPRINT

> STATEPRINT 是給 Claude Code、Codex 與 Cursor 使用的 AI Skill，可以做出年度報告或白皮書的網站。

原始網頁: https://sketchry.app/zh/skills/stateprint/

年度報告與白皮書網站

STATEPRINT 是給 Claude Code、Codex 與 Cursor 使用的 AI Skill，可以做出年度報告或白皮書的網站。首屏是一整面迷幻花朵的循環影片，上面壓著寫有職稱與百分比的白色小標籤；往下是報紙感的大標題、釘在左邊會跟著閱讀位置亮起的章節清單，以及進入畫面才從基線長出來、數字同時跳動的長條圖。

### 包含內容

- 完整網站，以原生 HTML、CSS、JavaScript 製作
- 展示用素材包：一支首屏循環影片與一張封面圖
- 交付前檢查 360px 手機到 1440px 桌機的版面

### 適合

- 做產業報告與白皮書的團隊
- 研究機構與顧問公司
- 網站接案者

### 需要準備

- 報告名稱、年份與發佈單位
- 一句話的導言與調查期間、樣本數
- 五個章節的標題與各自的內文
- 每張圖表的真實數據與單位

## 常見問題

### 如何使用這份 Skill？

複製後貼進 Claude Code、Codex 或 Cursor，或存成 SKILL.md 放進工具的 skills 資料夾。AI 會下載素材包、詢問缺少的資料，並在你的專案資料夾完成網站。[Skill 的使用方式](https://sketchry.app/zh/blog/what-is-a-skill/#use)

### 首屏那片花是怎麼來的？

是一支七秒的循環影片，鋪滿整個首屏慢慢流動，素材包裡就有（915 KB，沒有聲音）。它的頭尾原本會跳，所以尾段一秒疊回開頭一秒做成交叉淡入，接點已經看不出來。上面那層色暈、顆粒與暗角都是 CSS 疊的。影片是用 Grok（xAI）生成的，Austin 另外同意只有這個首屏可以這樣用，可以跟著客戶案子一起交付。讀者開啟「減少動態效果」時不會自動播放，改顯示封面那一格。

### 可以換成自己的品牌與照片嗎？

可以。提供品牌名稱與文案，再用自己的檔案替換素材包，檔名維持不變即可。Skill 也要求 AI 不得編造評論、獎項、地址或電話。

### 價格是多少？

月訂 US$6、六個月 US$29，或終身 US$99 一次付清，三種都能使用全部 71 份 Skill，含日後新增。價格含稅。

最後更新: 2026-10-15