
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- 架空の Ines Okafor の 11 ルートの作例:ホーム、自己紹介、5 つの事例ページ付きの作品、レジュメ、お問い合わせ、デザインされた 404。
- スマホ・タブレット・ノート PC のフレーム内に動く UI として作ったプロダクト画面と、作品の絞り込み、検索、並べ替え、お客様の声のカルーセル、FAQ、完了状態付きのお問い合わせフォーム。
- Unbounded、Figtree、Geist Mono を埋め込んだ自己完結型ファイル 1 つと、透過に対応したフラットなイラストのポートレート、組み込みのチェック。
向いている人
- 温かみと親しみがありつつ、本格的な仕事として伝わるポートフォリオがほしいプロダクトデザイナーやインタラクションデザイナー。
- アプリ、チェックアウト、Dashboard など、動く画面として見せられる事例を持つデザイナー。
- 調査やプロジェクトを同じ事例ページの構成に当てはめられる UX リサーチャーや小規模スタジオ。
向いていない人
- 主に自分の画像を大きなギャラリーで見せたい写真家やアーティスト。
- ミニマルでモノクロのパーソナルブランド。このサイトは明るい 5 色のカラムと弾む文字を使います。
- そのままでのメッセージ受信。バックエンドを接続するまで、お問い合わせフォームはページ上で確認を表示するだけです。
ブランディング・ビジュアルシステムWeb デザイン・デジタル体験ホームページ作成ポートフォリオサイト作成スタイル固定編集可能な出力跳ねるディスプレイ文字デバイスモックアップフラットイラストの人物ネックストラップ付きバッジ番号付きカラーカラム
この Skill について

あなたのストーリーと 3〜6 件の事例を渡すと、ソフトウェアも作る人による、よくできたセルフプロモーションポスターのようなポートフォリオを作ります。イラストのポートレートのまわりで弾むディスプレイ文字、ストラップ付きのバッジ、プロダクト画面を並べた明るい番号付きのカラム。作例は架空のプロダクトデザイナー Ines Okafor で、11 のルートがつながっています。既定の成果物は、どのブラウザでもオフラインで開ける自己完結型ファイル 1 つです。

手に入るもの
- 文字の Hero、バッジとあいさつ、経歴・コミュニティ・連絡先のカラム、コンテンツ目次、制作プロセス、クライアントの声、CTA の帯を備えたホーム
- 概要、発見、プロセス、3 画面のギャラリー、成果の数値、クライアントの声、前後の事例へのリンクを備えた事例ページ
- 自己紹介、スキルチップ付きのレジュメ、FAQ と検証付きフォームのあるお問い合わせページ
- Unbounded、Figtree、Geist Mono をファイルに埋め込み、ネットワークから何も読み込みません

使い方
- 名前、専門分野、都市、短いあいさつ、経歴、そして概要・プロセス・成果を含む 3〜6 件の事例を伝えます。
- エージェントが各プロダクト画面を作り、あなたの写真からイラストを作成し、組み込みのチェックを実行します。
- デスクトップとスマホですべてのページとフォームを確認し、変更をお願いします。

エージェントの画像ツールで作ったイラストには、そのツールの利用料金がかかることがあります。お問い合わせフォームはページ上で確認を表示し、バックエンドを接続するまで何も送信しません。
始める前に必要なもの
- 用意するもの
- 名前、専門分野、都市、対応可能状況、一人称の短いあいさつ · 概要、発見、プロセスの手順、成果、クライアントの声を含む 3〜6 件の事例 · 経歴、スキル、連絡先、イラスト用のご自身の写真
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · イラストのポートレートとスタジオのシーン用の、エージェントの画像生成ツール
- 外部コスト
- エージェントの画像ツールでイラストのポートレートやシーンを作ると、そのツールの利用料金がかかることがあります。プロダクト画面はページ内で作るため、画像生成は不要です。
- 最終検証
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









