STATEPRINT
年次レポート・ホワイトペーパーのサイト
STATEPRINTは、Claude Code・Codex・Cursor向けのAI Skillです。年次レポートやホワイトペーパーのサイトを作ります。冒頭はサイケデリックな花の無音ループ映像が画面を埋め、その上に職種名とその割合を記した白い小さなラベルが載ります。下には新聞のような大見出し、左端に固定されて読んでいる章が光る目次、そして画面に入ると基線から伸び上がり、数字も同時に動き出す棒グラフが続きます。
できること
- HTML・CSS・JavaScriptだけで作られた完成済みのウェブサイト
- デモ用素材パック：ファーストビューのループ映像1本とそのポスター画像
- 360pxのスマホから1440pxのデスクトップまでレイアウトを確認
こんな方に
- 業界レポートやホワイトペーパーを出すチーム
- リサーチ会社とコンサルティング会社
- ウェブ制作のフリーランス
準備するもの
- レポート名、年、発行元
- 一文のリード、調査期間、サンプル数
- 五つの章のタイトルと、それぞれの本文
- 各グラフの実際の数値と単位
よくある質問
Claude Code、Codex、Cursorに貼り付けるか、SKILL.mdとしてツールのskillsフォルダに保存してください。AIが素材パックを取得し、足りないものを尋ね、プロジェクトフォルダにサイトを作ります。Skillの使い方
7秒のループ映像です。画面いっぱいにゆっくり流れ、素材パックに入っています（915 KB、音声なし）。元の映像は先頭と末尾がつながらなかったため、末尾の1秒を先頭の1秒に重ねてクロスフェードさせており、つなぎ目は見えません。上に乗っている色かぶり、粒子、周辺の暗がりはすべてCSSです。映像はGrok（xAI）で生成したもので、このファーストビューに限ってAustinが許可しており、クライアント案件にそのまま納品できます。「視差効果を減らす」を有効にしている読者には自動再生されず、ポスター画像が表示されます。
はい。ブランド名と本文を渡し、素材パックのファイルを同じ名前のまま自分のものに差し替えてください。Skillは、レビュー、受賞、住所、電話番号を創作しないようAIに指示しています。
全71点のSkillと今後追加される分：月額US$6、6か月US$29、買い切りUS$99。価格は税込です。