
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- 架空の Rowan Hale による 15 ルートの作例:ホーム、4 つの事例とアーカイブのある作品一覧、全文のエッセイを載せた執筆、自己紹介、お問い合わせ、デザインされた 404。
- 実際に動く細部:コマンドメニュー、テーマ切り替え、検索付きの作品・執筆フィルター、ヒートマップの期間タブ、コピーボタン、インラインのエラー・読み込み中・完了表示があるお問い合わせフォーム。
- ライブの製品画面として描いたプロジェクトカバー、統一したアートディレクションのモノクロ写真、埋め込み済みの Geist フォント、さらにスタイルガイドと組み込みのチェック。
向いている人
- 派手なテンプレートより、精密で控えめなサイトを求めるデザインエンジニアや開発者。
- 両テーマでもスマートフォンでも読みやすい事例、エッセイ、お問い合わせフォームが必要な求職者。
- ヘアラインの罫線、等幅のキャプション、モノクロの抑制が好きな方。
向いていない人
- カラフルで画像中心のパーソナルブランド。このシステムはモノクロの亜鉛色にブルーのアクセント 1 色です。
- コンテンツ管理システムが必要なブログ。エッセイと事例はページ自身のデータに収められています。
- そのままで実際のメッセージを送信すること:バックエンドを接続するまで、お問い合わせフォームはページ上で確認を表示するだけです。
ブランディング・ビジュアルシステムWeb デザイン・デジタル体験ホームページ作成ポートフォリオサイト作成編集可能な出力ステップごとに確認洗練されたビジュアルミニマリストモノクロヘアライングリッドテクニカル青図
この Skill について

名前、職歴、プロジェクト、エッセイを、エンジニアの図面に描いたような個人サイトに仕上げます。画面を横切るヘアラインの罫線、モノクロの亜鉛色トーン、ストライプ帯、小さなアイソメトリックの Fig. 1。作例は、ポルトに住む架空のデザインエンジニア Rowan Hale で、15 のルートがつながっています。デフォルトの成果物は、どのブラウザでもオフラインで開ける自己完結型の 1 ファイルです。

手に入るもの
- Fig. 1、プロフィール、概要情報、ヒートマップ、自己紹介、代表作、経歴、技術スタック、執筆、登壇を備えたホーム
- 課題、プロセス、ギャラリー、成果、クレジットで構成した事例ページと、読書進捗バーと目次付きのエッセイ
- コマンドメニュー、ライト/ダークテーマ、検索付きのフィルター、モバイルメニュー、入力検証付きのお問い合わせフォーム
- Geist、Geist Mono、手書きの Caveat のメモをファイルに埋め込み、ネットワークから何も読み込まない

使い方
- 名前、肩書き、都市、成果付きのプロジェクト、経歴、エッセイ、連絡先を伝えます。不足している情報は仮に作成され、一覧で示されます。
- エージェントがデータを埋め、各プロジェクトのカバーを描き、ポートレートをモノクロに変換します。
- 両方のテーマでサイトを開き、コマンドメニューとお問い合わせフォームを試してから、修正を依頼します。

ご自身のポートレートや写真に追加費用はかかりません。生成した写真には、画像ツールの利用料金がかかる場合があります。
始める前に必要なもの
- 用意するもの
- 名前、3〜5 個の短い肩書き、都市、メールアドレス、対応可能な状況 · 役割、プロセスの手順、測定可能な成果を含む 2〜6 件のプロジェクトと、経歴、エッセイ · ポートレート写真、または代わりの画像を生成する許可
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · 任意:作業スペースや場所の写真用に、エージェントの画像生成ツール
- 外部コスト
- エージェントの画像ツールで生成した写真には、そのツールの利用料金がかかる場合があります。ご自身の写真と描画されたプロジェクトカバーに追加費用はかかりません。
- 最終検証
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









