
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- マガジンサイト一式:ホーム、記事一覧、長文記事、アーカイブ付きトピック、ショップと商品ページ、カート、決済、定期購読、会社概要、お問い合わせ、FAQ、ニュースレター、配送、法的情報
- エディトリアルな見た目:Hero に散らばる 5 枚のストーリーカード、ホバーでサムネイルが出る罫線入りトピック索引、非対称の写真グリッド、全幅の特集、セリフ体の本文カラム
- 動作するパーツ:検索オーバーレイ、グリッド/索引表示の記事フィルター、記事の保存、額装プレビュー付きのプリントオプション、カートドロワー、決済の入力検証、ギフト定期購読
向いている人
- 長文記事を掲載し、写真主体の落ち着いた Web の拠点を求める独立系マガジン、ジャーナル、ニュースレター
- ジャーナルに小さなショップと定期購読やメンバーシップを組み合わせる作り手、スタジオ、旅行・フードブランド
- 記事、トピック、商品、プランをシンプルなコレクションとして管理し、すべてのページをそこから描画したい編集者
向いていない人
- ニュースサイトや大量更新のブログ。このレイアウトは絶え間ないフィードより、号ごとに少数の長文記事を重視します
- 派手な色やダークテーマを求めるブランド。白いエディトリアルな地と静かな写真のトーンです
- 実際の決済やメール送信。決済とフォームはページ上で検証と確認表示を行いますが、請求や送信の完了を装うことはありません
ブランディング・ビジュアルシステムWeb デザイン・デジタル体験ブログサイト作成スタイル固定編集可能な出力記事本文エディトリアルファンエディトリアル Heroトピック索引
この Skill について

Scattered-Cards Magazine は、独立系マガジンの Web サイトを構築します。白いエディトリアルな地、傾けた紙のストーリーカードを扇状に広げた Hero、罫線入りのトピック索引、長文記事ページに加え、実際の出版物に必要なショップ、定期購読、ヘルプのページまで揃います。作例は場所・モノ・人を扱う架空の季刊誌 Ferrow で、36 の連結ページで構成されています。

手に入るもの
- カードを扇状に広げた Hero、トピック索引、号のグリッド、全幅の特集記事、カルーセル、号の帯、数値、読者の手紙、ニュースレター登録を備えたホームページ
- ドロップキャップ、プルクオート、ファクト欄、読了プログレス、次の記事への導線を備えた長文記事ページと、プリントのアーカイブ付きトピックページ
- 価格が変わるオプション付きの号・プリント・ノートのショップ、カートドロワー、カートページ、入力検証付きの決済
- 年間プランとギフト情報に対応した定期購読、編集部一覧付きの会社概要、お問い合わせ、FAQ、ニュースレター、配送、プライバシー、利用規約、404 ページ
- 2 つの Web フォントと役割ごとに計画した写真を、オフラインで動く 1 つのファイルに埋め込み

使い方
- 出版物の名前、トピック、いくつかの記事、商品があればその情報、定期購読の内容を共有します。
- エージェントがそれらを記事・トピック・ショップに割り当て、アートディレクションを 1 つ決めて写真を生成し、すべてのページを埋めます。
- ファイルを開いて記事を読み、商品をカートに入れ、決済を試して、修正点を普段の言葉で依頼します。

写真はエージェントの画像ツール(そのツールの利用料金がかかる場合があります)またはご自身のライブラリから用意します。決済とフォームはページ上で確認表示を行うだけで、支払いやメール送信が完了したと装うことはありません。
始める前に必要なもの
- 用意するもの
- 出版物またはブランドの名前、読者層、短いステートメント · トピックと、タイトル・場所・要約付きのいくつかの記事 · 商品、価格、定期購読の条件、配送情報(任意。不足している情報は一覧化した仮テキストになります)
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · 記事、商品、ポートレート写真用のエージェントの画像ツール(ご自身の写真を用意する場合は任意)
- 外部コスト
- 記事、商品、ポートレートの写真はエージェント自身の画像ツールで生成するため、そのツールの利用料金がかかる場合があります。代わりにご自身の写真を用意することもできます。それ以外に有料サービスは使いません。
- 最終検証
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









