STATEPRINT
年度报告与白皮书网站
STATEPRINT 是给 Claude Code、Codex 与 Cursor 使用的 AI Skill，可以做出年度报告或白皮书的网站。首屏是一整面迷幻花朵的无声循环影片，上面压着写有职称与百分比的白色小标签；往下是报纸感的大标题、钉在左边会跟着阅读位置亮起的章节清单，以及进入画面才从基线长出来、数字同时跳动的条形图。
包含内容
- 完整网站，以原生 HTML、CSS、JavaScript 制作
- 演示素材包：一支首屏循环影片与一张封面图
- 交付前检查 360px 手机到 1440px 桌面的版面
适合
- 做产业报告与白皮书的团队
- 研究机构与顾问公司
- 网站接单者
需要准备
- 报告名称、年份与发布单位
- 一句话的导言，以及调查期间与样本数
- 五个章节的标题与各自的内文
- 每张图表的真实数据与单位
常见问题
复制后贴进 Claude Code、Codex 或 Cursor，或存成 SKILL.md 放进工具的 skills 文件夹。AI 会下载素材包、询问缺少的资料，并在你的项目文件夹完成网站。Skill 的使用方式
是一支七秒的循环影片，铺满整个首屏慢慢流动，素材包里就有（915 KB，没有声音）。它的头尾原本会跳，所以尾段一秒叠回开头一秒做成交叉淡入，接点已经看不出来。上面那层色晕、颗粒与暗角都是 CSS 叠的。影片是用 Grok（xAI）生成的，Austin 另外同意只有这个首屏可以这样用，可以跟着客户案子一起交付。读者开启「减少动态效果」时不会自动播放，改显示封面那一格。
可以。提供品牌名称与文案，再用自己的文件替换素材包，文件名维持不变即可。Skill 也要求 AI 不得编造评论、奖项、地址或电话。
全部 71 份 Skill，含日后新增：月订 US$6、六个月 US$29，或终身 US$99 一次付清。价格含税。