
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- セリフ体の見出しとドキュメンタリー調の写真を配したディープネイビーの分割 Hero。再生ボタンで、承認サイクルを 1 回再生するレビュールームが開きます
- 多彩なレイアウトのホームセクション:ワークフローのタブ、バージョン比較スライダー、機能の Bento、数値付きの導入事例、スマートフォンでの承認、セキュリティ、料金、FAQ
- 導入事例、料金、変更履歴、サインイン、トライアル、デモ予約、法務の下層ページ。統一された写真の世界観で、オフラインで動くファイル 1 つに収録
向いている人
- 画像主導のエディトリアルなルックを求める、スタジオやブランドチーム向けのクリエイティブソフトウェア(レビュー、承認、アセット管理、制作ツールなど)
- ランディングページだけでなく、料金、変更履歴、実際に動くトライアルとデモのフォームを備えた本格的なローンチサイトが必要なチーム
- ブリーフ、レビュー、承認、納品のようなステージで仕事を進め、それをページで段階的に見せられるプロダクト
向いていない人
- ダークなサイトやダークモードを求めるブランド。ページはライトで、意図的に 3 本のディープネイビーの帯を入れています
- 見せるべきビジュアルやドキュメントのワークフローがないプロダクト。フレーム、ピン、承認を備えたレビュールームが主役です
- 実際のアカウント、課金、予約。サインイン、トライアル、デモ予約、メールのフォームは、ページ上で入力チェックと確認表示を行うだけです
プロダクトローンチ・アプリグロースWeb デザイン・デジタル体験ホームページ作成LP 作成スタイル固定編集可能な出力画像主導ディープブルーエディトリアルセリフStudio SaaS
この Skill について

Editorial Studio SaaS は、クリエイティブ制作ソフトウェア向けに、プロダクトがストーリーを語る画像主導のマーケティングサイトを作ります。抑えたディープネイビーの Hero、セリフ体の見出し、コバルトのアクセント 1 色、斜めにカットしたセクションの縁がトーンを決め、フレーム、ピン、コメント、承認を備えたレビュールームがページ全体を貫きます。作例は、Oddfield というスタジオが使う架空の制作ワークスペース Prismade です。

手に入るもの
- 再生ボタンでレビュールームが開く分割 Hero。承認サイクルを 1 回再生し、Replay も用意
- 多彩な構成のホームセクション:ワークフローのタブ、ピン留めメモ付きのバージョン比較、機能の Bento、カウントアップする数値付きのネイビーの導入事例帯、スマートフォンでの承認、お客様の声、セキュリティ、請求サイクルの切り替えとシート数ステッパー付きの料金、FAQ
- 下層ページ:導入事例、料金の詳細、変更履歴、サインイン、トライアル登録、枠を選べるデモ予約、プライバシー、利用規約、ページが見つからない場合のページ
- プロダクト、ストーリー、ポートレートを通じて統一された写真の世界観。フォントとともに 1 つのファイルに埋め込まれ、どのブラウザでも開けてオフラインで動きます

使い方
- プロダクト名、ターゲット、一言で伝える約束、実際の機能と実績、プラン、そしてメインの CTA を 1 つ伝えてください。
- エージェントがワークフローのステージをあなたのプロダクトに対応させ、写真を計画・生成し、あなたのコピーですべてのセクションとページを構築します。
- ファイルを開いてレビュールームを再生し、すべてのタブとフォームをクリックしてから、変更したい点を普段の言葉で依頼してください。

写真はエージェントの画像ツール(そのツールの利用料金がかかる場合があります)またはご自身のライブラリから用意します。提供されなかった実績は、差し替え用のプレースホルダーコピーとして明示されます。
始める前に必要なもの
- 用意するもの
- プロダクト名、ターゲット、一言で伝える約束、メインの CTA · 実際の機能、ワークフローのステージ、プランと価格 · 顧客の実績と自分の写真(任意。足りない実績はプレースホルダーとして明示されます)
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · キャンペーン、チーム、ポートレートの写真用に、エージェントの画像ツール(自分の写真を用意する場合は任意)
- 外部コスト
- エージェントはサイトの写真を自身の画像ツールで生成するため、そのツールの利用料金が発生する場合があります。代わりにご自身の写真を用意することもできます。それ以外に有料サービスは使いません。
- 最終検証
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









