
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- どのブラウザでも開けてオフラインで動く、フォントと画像を内蔵した自己完結型のポートフォリオファイル 1 つ。フレームワークのプロジェクトがある場合はそこへ移植します。
- 動作するページ:作品のフィルター・検索・並べ替え・アーカイブ、4 部構成のケーススタディ、週ごとのスケジュール付きサービスシート、ジャーナル、バリデーション付きの依頼フォーム。
- 無地の背景で撮った写真を、平面的な Hero 用の切り抜きやハサミで切ったようなステッカーに変える切り抜きツールと、土台にできる 15 ページのサンプル。
向いている人
- 手作りの個性があるポートフォリオが欲しいグラフィックデザイナー、イラストレーター、コラージュ作家。
- 開始価格付きの固定範囲サービスを販売する小規模な印刷・アイデンティティのスタジオ。
- サービスを講座に、ジャーナルをお知らせに置き換えられるワークショップ講師や作り手。
向いていない人
- 実際のフォーム送信、決済、予約:依頼フォームは正直なデモ用の確認表示のみです。
- 紙、テープ、2 色のインクではなく、ミニマル、コーポレート、ダークなルックが必要なブランド。
- 架空の Ines Okafor、その顧客や引用を実在の作品として見せること。
ブランディング・ビジュアルシステムWeb デザイン・デジタル体験ホームページ作成ポートフォリオサイト作成スタイル固定編集可能な出力コバルト&オレンジアクセント切り抜きポートレートマスキングテープステッカーコラージュ破った紙のメモ
この Skill について

Collage クリエイティブポートフォリオは、スタジオの壁のようなデザイナーポートフォリオを作ります。粒子感のある温かいグレーの紙、インクはコバルトとオレンジの 2 色だけ、マスキングテープ、破いたメモ、インスタント写真、マーカーのステッカーが切り抜きポートレートを囲みます。サンプルは、ポルトを拠点とする架空のグラフィックデザイナー兼ペーパーコラージュ作家 Ines Okafor で、15 のページがつながり、すべて動作します。

手に入るもの
- フォントと画像を内蔵し、どのブラウザでも開けてオフラインで動く、自己完結型の Web サイトファイル 1 つ。既存のフレームワークプロジェクトがある場合は、そちらにデザインを移植します。
- 完全なポートフォリオ:フィルター、検索、並べ替え、展開できるアーカイブ付きの作品一覧、ギャラリー・プロセスメモ・インクスウォッチ付きの 4 件のケーススタディ、サービス、3 本のメモを載せたジャーナル、About、問い合わせ、プライバシー、デザイン済みの Not Found ページ。
- 開始価格付きの固定範囲シートとして見せるサービス、Tab で切り替える週ごとのテープ式スケジュール、FAQ のアコーディオン。
- インラインエラーと完了メッセージを備えたバリデーション付きの依頼フォーム、ニュースレター登録、メールアドレスとハンドルのクリップボードコピー。
- 紙のパーツは一度だけ壁に落ち着き、ホバーでまっすぐになります。モーション軽減の設定にも対応します。

使い方
- 名前、専門分野、短い経歴、クライアントと成果を含むケーススタディ、開始価格付きのサービス、連絡先を共有します。足りない情報はもっともらしいプレースホルダーとして下書きし、確認用に一覧にします。
- Hero の切り抜き用に無地の背景で撮った全身写真とプロジェクト写真を送るか、同じ柔らかい自然光のスタイルで代わりの画像をエージェントに生成させます。
- デスクトップとスマートフォンで全ページを開き、フィルター、Tab、問い合わせフォームを試して、修正を依頼します。

書体は Archivo、Anton、Permanent Marker、Caveat、Space Mono で、ファイルに埋め込まれます。新しい画像はエージェント自身の画像ツールで作られるため、その利用料金がかかる場合があります。
始める前に必要なもの
- 用意するもの
- 名前、専門分野、短い経歴 · クライアント、年、成果を含むケーススタディ、開始価格付きのサービス、連絡先 · 無地の背景で撮った全身写真とプロジェクト写真、または代替画像の生成の承認
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · ケーススタディとポートレート画像用の、エージェントの画像ツールまたはご自身の写真 · 同梱の切り抜きツール用に、Pillow、NumPy、SciPy を含む Python 3
- 外部コスト
- 新しいケーススタディとポートレートの画像はエージェントの画像ツールで生成するため、利用料金がかかる場合があります。ツールがない場合はご自身の写真を用意してください。ニュートラルなカメラ、植物、テープ、デスクの画像はそのまま使えます。サンプルの閲覧は無料です。
- 最終検証
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









