
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- Mara Voss の完成した 15 ルートのサンプルポートフォリオ:4 つのケーススタディ、4 本のエッセイ、自己紹介、職歴、お問い合わせ、404。写真とリアルな製品画面付き。
- 実際に動く細部:作品の絞り込み、トピックチップ付きの執筆検索、ケーススタディの画像切り替え、推薦の声のカルーセル、入力チェック付きのお問い合わせフォーム、フォーカスを閉じ込めるモバイル用ドロワー。
- Instrument Sans、Newsreader、Geist Mono を埋め込んだオフラインの単体ファイルとしてのあなたのポートフォリオ。製品画面用のモックアップキットと、エージェントが従うスタイルルール付き。
向いている人
- 作品、執筆、職歴を 1 つのリンクにまとめたいプロダクトデザイナーや開発者。
- プロセス、成果、難しい判断を示すケーススタディが必要な求職者。
- 実際の下層ページを備えた、落ち着いた個人サイトがほしいフォトグラファー、ライター、コンサルタント、エンジニア。
向いていない人
- 派手でカラフル、またはアニメーションの多いブランド(インクウェルは静かで明るく、タイポグラフィが主役です)。
- 大規模な写真ギャラリー(各ケーススタディに載せるのは厳選した数枚で、数百枚ではありません)。
- 実際に送信されるフォーム(お問い合わせフォームはページ上で入力チェックと確認表示を行いますが、サービスを接続するまで何も送信しません)。
ブランディング・ビジュアルシステムWeb デザイン・デジタル体験ホームページ作成ポートフォリオページ作成スタイル固定編集可能な出力グラデーションインク文字サイドバーナビゲーションソフトシャドウカードウォームニュートラルミニマル
この Skill について

プロジェクト、執筆、職歴を、落ち着いた個人サイトにまとめます。ポートレートとダークな「Read resume」ピルを置いた固定サイドバーの横に、グラデーションインクの見出しを載せた白いシートが並びます。サンプルは、ロッテルダムを拠点とする架空のプロダクトデザイナー Mara Voss で、4 つのケーススタディと 4 本のエッセイを収録しています。

手に入るもの
- ホーム、絞り込み可能な作品一覧、詳細なケーススタディ、記事ページ付きの検索できる執筆一覧、自己紹介、職歴タイムライン、お問い合わせ、デザイン済みの 404
- 課題、プロセス、成果、難しい判断、画像切り替えを備えたケーススタディ
- モックアップキットで作成、またはご自身のスクリーンショットを使った、プロジェクトのカバー用のリアルな製品画面
- どのブラウザでもオフラインで開ける 1 ファイルに、フォントと画像を埋め込み

使い方
- 名前、職種、プロジェクト、職歴、いくつかのエッセイのアイデアを共有します。足りないコピーは下書きされます。
- エージェントが製品画面を作り、写真を生成または配置し、すべてのページを埋めて、デスクトップとスマホで確認します。
- 単一のファイルを開いてページを見て回り、修正したい点を普段の言葉で伝えます。

お問い合わせフォームはページ上で確認表示されますが、サービスを接続するまで何も送信しません。エージェントの画像ツールで作成した写真には、そのツールの利用料金がかかる場合があります。
始める前に必要なもの
- 用意するもの
- 名前、職種、都市、稼働状況、メールアドレス · 課題、プロセス、成果を含む 2〜4 件のプロジェクトと、あればスクリーンショット · 職歴といくつかのエッセイのアイデア
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · ポートレート、作業スペース、エッセイの写真用に、エージェントの画像生成ツール、または自分で用意した写真
- 外部コスト
- ポートレート、作業スペース、エッセイの写真はエージェント自身の画像ツールで生成するため、そのツールの利用料金がかかる場合があります。製品画面はモックアップとして作成し、どの画像もご自身の写真やスクリーンショットに差し替えられます。
- 最終検証
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









