
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- 完全なポートフォリオ:ホーム、自己紹介、サービスごとのページ付きのサービス一覧、プロジェクトごとのケーススタディ付きの作品一覧、推薦の声、FAQ、依頼フォーム、プライバシー、Not Found ページ
- ライムフレームのルック:ライムの枠、白いシート、太いグロテスク体の名前、稼働状況のドット付きの中央ポートレートカード、ロゴのマーキー、ほぼ黒の実績帯、ライムの CTA 帯
- 実際に動くパーツ:作品の絞り込みと検索、トピック別の FAQ 検索、推薦の声のカルーセル、ページに組み込んだプロジェクトのショーケース、入力チェック付きの依頼フォーム
向いている人
- 作品と同じくらい人柄を伝える、明るく自信に満ちたサイトがほしいフリーランスのデザイナーや小規模スタジオ
- サービス範囲と料金が明確で、オファーやプロジェクトをそれぞれ独立したページで見せたいデザイナー
- 受注案件やプロジェクトを、同じサービスページとケーススタディページの構成に当てはめられるフォトグラファー、イラストレーター、開発者
向いていない人
- 落ち着いた色調や企業的なブランド(ライムのフレームと太い書体は、あえて明るく個人的な印象にしています)
- リンクまとめページや 1 ページの履歴書(この Skill はサービス、ケーススタディ、FAQ を備えた完全なサイトを作ります)
- 実際の予約や決済(依頼フォームとニュースレターのフォームはページ上で入力チェックと確認表示を行いますが、何も送信しません)
ブランディング・ビジュアルシステムWeb デザイン・デジタル体験ホームページ作成ポートフォリオサイト作成スタイル固定編集可能な出力ポートレート Heroダーク統計帯ライムのページフレーム白いシートカードワードマークマーキー
この Skill について

Lime-Frame デザイナーポートフォリオは、ライムグリーンの机に白い紙を置いたような個人サイトを作成します。落ち着いた 3 カラムの Hero から、デザイン済みのサービスページ、ケーススタディ、依頼フォームまで、すべてのページを 1 枚の白い角丸シートに収めます。サンプルは架空のデジタルデザイナー Rowan Ashby で、19 ページがつながっています。

手に入るもの
- ホーム:Hero、クライアントのロゴのマーキー、サービス一覧、制作過程の写真を添えたコラボレーションの分割セクション、ほぼ黒の実績帯、注目の作品、推薦の声のカルーセル、FAQ のプレビュー、ライムの CTA 帯
- 料金、期間、含まれる内容、手順を記載したサービスごとのページと、成果、納品物、ページ内ショーケースを備えたプロジェクトごとのケーススタディ
- 自己紹介、推薦の声、検索できる FAQ、チップと入力チェック付きの依頼フォーム、プライバシー、Not Found ページ
- 太いグロテスク体、穏やかなモーション、どのブラウザでも開けてオフラインで動く 1 ファイル

使い方
- 名前、職種、一行のオファー、料金付きのサービス、成果付きのプロジェクト、あればクライアントの声を共有します。
- エージェントがすべてのページを埋め、用意されていない写真を計画・生成し、プロジェクトごとにショーケースを作ります。
- ファイルを開いてすべてのサービスとケーススタディを確認し、テストの依頼を送信して、修正点を普通の言葉で伝えます。

生成したポートレートは仮のものなので、ご自身の写真を使うのが最適です。エージェントの画像ツールで作成した画像には、そのツールの利用料金がかかる場合があります。
始める前に必要なもの
- 用意するもの
- 名前、2 語程度の職種、一行のオファー、稼働開始日、連絡先 · 料金・期間・含まれる内容付きのサービスと、クライアント・依頼内容・成果付きのプロジェクト · ご自身のポートレート、クライアントの声、FAQ の回答(任意。不足分は一覧化されたプレースホルダーになります)
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · 用意していない写真用のエージェントの画像ツール(自分のポートレートとプロジェクト画像を用意する場合は任意)
- 外部コスト
- 用意していない写真(仮のポートレート、制作過程の写真、プロジェクトのカバー)はエージェント自身の画像ツールで生成するため、そのツールの利用料金がかかる場合があります。それ以外に有料サービスは使いません。
- 最終検証
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









