
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- 写真家サイト一式:ホームのカルーセル、フィルターとホバーでカバーが切り替わる作品一覧、シリーズごとのケーススタディ、ジャーナル記事、About、プリント、お問い合わせ、ライセンス、Not Found ページ
- スプリットフレームのルック:固定フォトペイン、角丸カードのレール、ページから刻み出した切り欠きラベル、浮かぶピル型ヘッダー、文字がめくれるナビゲーション、斜めに切り替わるライト・ダークテーマ
- 動作するパーツ:ケーススタディのライトボックス、ジャーナル検索、価格と壁掛けプレビューがリアルタイムに変わるプリント選択、入力チェック付きのお問い合わせフォーム、ニュースレター登録を、オフラインで動くファイル 1 つに
向いている人
- 画像が主役で、ギャラリーのように控えめな UI のサイトを求める風景・旅行・エディトリアル写真家
- プリント販売や依頼撮影を受けていて、ケーススタディ、価格、問い合わせフォームを 1 か所にまとめたい写真家
- ストーリー、プラン、展示を同じページ構成に当てはめられるウェディング・ポートレート写真家、イラストレーター、ロッジ、ギャラリー
向いていない人
- カラフルでマキシマリストなブランド:UI は厳密にモノクロで、色はすべて写真から生まれます
- 画像が少なく文字中心のブログやドキュメント:どのペインにも力のある写真が必要なレイアウトです
- CMS、アップロード、実際の決済が必要なサイト:プリントの問い合わせやフォームはページ上で確認表示するだけです
ブランディング・ビジュアルシステムWeb デザイン・デジタル体験ホームページ作成ポートフォリオサイト作成スタイル固定編集可能な出力ミニマリストモノクロ写真主導ソフトラウンドスプリットスクリーン
この Skill について

Split Frame Portfolio は、ベストショットが画面の左半分を占め、その横で控えめな角丸カードのレールがスクロールする写真サイトを構築します。色は写真からだけ生まれ、写真に触れるラベルはすべて 2 つの小さな切り欠きでページから刻み出されます。作例は架空の風景・旅行写真家 Aster Field で、18 の連結ページで構成されています。

手に入るもの
- 控えめなカルーセル、イントロカード、チャンネルカード、シリーズタイル、最近の依頼作品、クライアントのマーキー、ジャーナル一覧、予約カードを備えたホームページ
- フィルターチップ、検索、リスト/グリッド表示を備えた作品一覧と、フレームのライトボックス、アプローチの手順、成果をまとめたシリーズごとのケーススタディ
- ジャーナル記事、プロフィールと経歴年表付きの About、額装した壁掛けプレビュー付きのプリントショップ、入力チェック付きフォームのお問い合わせ、ライセンス、Not Found ページ
- 斜めに切り替わるライト・ダークテーマ、文字がめくれるナビゲーション、どのブラウザでも開けてオフラインで動くファイル 1 つ

使い方
- 名前、肩書き、拠点の都市、短い自己紹介、連絡先、シリーズごとにまとめた 8〜12 枚の写真を共有します。
- エージェントが写真をペイン、タイル、ケーススタディに割り当て、シリーズページを書き、足りないものを生成します。
- ファイルを開き、作品リストにホバーし、両方のテーマとプリント選択を試して、修正をふだんの言葉で依頼します。

ご自身の写真を使うのがいちばんです。生成画像は代用品であり、エージェントの画像ツールの利用料金がかかる場合があります。
始める前に必要なもの
- 用意するもの
- 名前、1 行の肩書き、拠点の都市、短い自己紹介、連絡先 · 撮影地と年を添えて、シリーズごとにまとめた 8〜12 枚の写真 · シリーズの概要と成果、プリントのサイズと価格、ライセンス条件(任意。不足分は一覧化した仮テキストになります)
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · エージェントの画像ツール(ご自身で用意しない写真のためだけに使用。用意しない場合はテンプレートの写真が仮素材になります)
- 外部コスト
- すべての写真を用意しない場合、不足分はエージェント自身の画像ツールで生成され、そのツールの利用料金がかかる場合があります。生成しない場合はテンプレートの写真が仮素材として残ります。それ以外に有料サービスは使いません。
- 最終検証
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









