Skill で編集系の雑誌サイトを作る

白いエディトリアルページに散らばる記事カード、ドロップキャップとプルクオート付きの長編記事、トピック別アーカイブ、ショップと定期購読。エージェントがあなたの媒体の情報を埋め込み、ファイルを 1 つ作ります。

Skill の動作を見る仕組み

対応エージェント

ほか 30 以上のエージェント

Scattered-Cards マガジン無料

遊び心のある UI/UX ポートフォリオ

雑誌サイトテンプレートをプレビュー

Scattered-Cards Magazine は無料です。ライブデモを開いて、記事を読んだり、トピックを見たり、カートやチェックアウトを試したりできます。

無料

Scattered-Cards マガジン

白いエディトリアルな地に、独立系マガジンの Web サイトを構築します。傾けた 5 枚の紙のストーリーカードを扇状に広げた Hero、重厚なセリフ体の見出し、罫線と番号付きのトピック索引、写真をゆったり見せるストーリーグリッド、ドロップキャップ・プルクオート・ファクト欄付きの長文記事ページ。トピックのアーカイブ、カートと決済付きの号・プリントのショップ、ギフトにも対応した定期購読、会社概要、お問い合わせ、FAQ、配送、法的情報のページがすべてつながります。どのブラウザでも開けてオフラインで動く自己完結型ファイル 1 つで届きます。

用意するもの

出版物またはブランドの名前、読者層、短いステートメント
トピックと、タイトル・場所・要約付きのいくつかの記事
商品、価格、定期購読の条件、配送情報（任意。不足している情報は一覧化した仮テキストになります）

手に入るもの

マガジンサイト一式：ホーム、記事一覧、長文記事、アーカイブ付きトピック、ショップと商品ページ、カート、決済、定期購読、会社概要、お問い合わせ、FAQ、ニュースレター、配送、法的情報
エディトリアルな見た目：Hero に散らばる 5 枚のストーリーカード、ホバーでサムネイルが出る罫線入りトピック索引、非対称の写真グリッド、全幅の特集、セリフ体の本文カラム
動作するパーツ：検索オーバーレイ、グリッド／索引表示の記事フィルター、記事の保存、額装プレビュー付きのプリントオプション、カートドロワー、決済の入力検証、ギフト定期購読

動作環境

Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image tool in your agent for the story, product and portrait photos (optional if you supply your own photos) · Story, product and portrait photos are generated with your agent's own image tool, which may incur that tool's usage charges. You can supply your own photos instead. Nothing else uses a paid service.

Skill を開く

要点