
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- オフラインで開ける単体 HTML ファイル 1 つに収めた、完全なエージェンシー向け 1 ページサイト。ケーススタディと法務テキストは別ページではなくダイアログで開きます
- カテゴリーのフィルターと件数表示、アーカイブ一覧を備えた Recent Work のショーケースと、依頼内容、制作内容、3 つの数値、クライアントの声を載せて開くケーススタディ
- 6 つのサービスカード、週単位の目安付きのプロセス、価格付きの契約形態、チーム、FAQ、入力チェックと完了時の概要表示を備えた問い合わせフォーム
向いている人
- 厳選した作品とクライアントの評価で技量を売り込む、デザイン・開発スタジオ、フリーランス、小規模コンサルティング
- 実際のプロジェクトの数字、価格、わかりやすい連絡手段が必要な「採用・依頼」ページを刷新するチーム
- 共有用の明るい 1 ページがほしい事務所、または同じデザインを自社の Next.js、Vue、Svelte、Astro のプロジェクトで構築したい事務所
向いていない人
- 機能グリッドとプラン表を中心に構成する SaaS 製品のページ(SaaS ランディングページ向けの Skill の方が適しています)
- ダーク、ムーディー、マキシマリストなルックを求めるブランド(ページは明るいままで、ダークなのはコンタクトパネル 1 つだけ、ダークモードはありません)
- ブログや CMS を備えたマルチページのサイト(これはケーススタディと法務テキストをダイアログで見せる、意図的な 1 ページ構成です)
ブランディング・ビジュアルシステム営業提案・資金調達Web デザイン・デジタル体験ホームページ作成LP 作成スタイル固定編集可能な出力ブライトホワイトミニマルグラデーション強調文字グリッド柄背景遊び心あるプロ仕様ポートフォリオ展示列
この Skill について

スタジオ名、いくつかのプロジェクト、提供しているサービスを伝えるだけで、明るいエージェンシーのページが返ってきます。白い地、見出しの重要な言葉にだけかけたティールからブルーへのグラデーション、そして各クライアントの世界を写した写真の横に、あなたが作った製品のブラウザウィンドウを並べた作品紹介。どのブラウザでも開けてオフラインで動く単体ファイル 1 つで届きます。

手に入るもの
- 完全な 1 ページサイト:Hero、クライアントの声、フィルターとアーカイブ付きの Recent Work、サービス、プロセス、契約形態ごとの価格、チーム、FAQ、ダークなコンタクトパネル
- その場で開くケーススタディ。依頼内容、制作したもの、3 つの数値、クライアントの声を掲載
- 入力チェック、読み込み中の表示、概要付きの確認を備えた問い合わせフォームに加え、ニュースレターとメールアドレスのコピーボタン
- Bricolage Grotesque、Instrument Sans、Geist Mono を埋め込み、穏やかな表示アニメーションと、サービスカード上でカーソルを追うミントのにじみ
- お使いのコードベース内なら、同じページをその技術スタックのコンポーネントとして構築

使い方
- スタジオ名、一行の約束、成果を 1 つずつ添えた 2〜4 件のプロジェクト、サービスを伝えます。大まかなメモで十分です
- クライアントの写真やポートレートがあれば添付します。ない場合は生成され、各プロジェクトのウィンドウはプロジェクトのデータから作り直されます
- 完成したファイルをブラウザで開き、コピー、プロジェクト、価格の変更を普通の言葉で依頼します

生成される写真はエージェントの画像ツールを使うため、そのツールの利用料金がかかる場合があります。フォントと画像は埋め込まれているので、完成したファイルはネットワークリクエストを行いません。
始める前に必要なもの
- 用意するもの
- スタジオ名、一行の約束、3 つの得意分野 · 成果の数値を添えた 2〜4 件のショーケースプロジェクトと、6 つのサービス、プロセスまたは価格 · 任意:推薦の声、クライアントの写真、チーム写真、連絡先
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · 任意:クライアント、ポートレート、チーム、プロセスの写真用のエージェントの画像生成ツール
- 外部コスト
- クライアントの世界を写した写真、ポートレート、チーム写真、プロセスのディテールは、用意していない場合にエージェント自身の画像ツールで生成するため、そのツールの利用料金がかかる場合があります。ポートレートのない推薦の声はモノグラムで表示されます。
- 最終検証
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









