できること
- フォントと画像を埋め込んだ HTML ファイル 1 つ(ネットワーク通信なし)
- 肖像、括弧、対になった言い切り、鏡写しのラベルを備えた、ポスター風のホーム
- 料金と週ごとの段階を示したサービスのページ、成果つきの事例、全文の記事、プロフィール、お問い合わせ、プライバシー
- リンク、フォームのラベル、ヒーローの装置、残ったサンプルテキストを確かめるバリデーター
- 任意:クレジットの見積もり後に PopNow で行う、肖像の当て直し、静物、スタジオのループ、SNS カード
向いている用途
- 数種類の固定したサービスを売るコンサルタント、ストラテジスト、アドバイザー
- デザイナー、写真家、コーチ、講師
- 紹介で仕事を得て、事例が必要なフリーランス
向いていない用途
- チームと多くの製品を持つ会社
- 何十ものプロジェクトを並べた、画像のグリッドのポートフォリオ
- ダークや鮮やかな色のブランド
使い方
Claude・ChatGPT で
PopNow のスキル「個人ブランドのウェブサイト」(personal-brand-website)を使って、次のことをしてください:私のサイトを作って。レナ・ハート、小規模なソフトウェア会社向けの価格設定コンサルタントです。サービスは 2 週間の価格監査($4,800)と四半期ごとのアドバイザリー契約。事例は会計アプリとスケジュール管理ツールです。
コーディングエージェントで
/popnow-personal-brand-website 私のサイトを作って。レナ・ハート、小規模なソフトウェア会社向けの価格設定コンサルタントです。サービスは 2 週間の価格監査($4,800)と四半期ごとのアドバイザリー契約。事例は会計アプリとスケジュール管理ツールです。
次はこれ
ヒーローのために、私の写真を無地の温かい背景に当て直す見積もりを、実行する前に出して。
「Writing」を「Talks」に変えて、注目の項目を私の講演の基調講演にして。
用意しておくもの
- 名前、専門分野、クライアントに繰り返してほしい一文
- 料金のある 2〜4 つのサービスと、実際の成果のある 2〜4 件の事例
- 無地の背景で撮った自分の写真 2 枚
- 任意:PopNow API キーと、自分の DESIGN.md
似ているスキル
すべて見る →3D アバター作成ツール
+3ぬいぐるみのようなかわいい 3D キャラクターをブラウザで作り、透過 PNG や 3D ページとして保存できます。
カレンダーヒートマップ
+31 年分の日々の活動を濃淡付きのカレンダーで表示。連続記録、合計、キーボード操作にも対応します。
AI SaaS ランディングページ
+3温かみのある砂色の紙に細い罫線とハッチングの溝を配し、AI アシスタントがタスクを計画するライブのかんばんボードを置きます。
アニメーション付きヒーローセクション
+3見出しの一語がゆるやかに切り替わり、ボタン 2 つと横長の画像枠を備えた LP のヒーローセクションです。
シェーダーのヒーロー付きの代理店サイト
+3下に固定された宣言文の後ろで、ライブのオレンジの熱をしたシェーダーのヒーローが動き、ピルのナビと、ずらして並ぶ事例のグリッドが続きます。
ダークモード SaaS ランディングページ
+3動きの多いダークトーンのソフトウェア製品向けマーケティングサイトを、自己完結した HTML ファイル 1 つで届けます。
デザイナーのポートフォリオサイト
+3落ち着いたグレーの上で、フェードする見出しの周りを 6 枚の傾いたカードが漂い、赤いポートレートのカードと、雑誌風の事例が続きます。
エンジニア向けポートフォリオサイト
+3事例紹介、執筆、登壇、履歴書、問い合わせフォームを備えた、エンジニア向けのダークな個人サイトです。
雑誌風の SaaS サイト
+3ネイビーの分割ヒーロー、ドキュメンタリー写真の横に並ぶ 5 行のセリフの見出し、斜めの帯、コバルトのアクセントひとつ。
グラスモーフィズムのサイトテンプレート
+3ほぼ黒のフィルムの上の、すりガラスのピル形ボタン。斜体の 1 語を含む大きなセリフの見出しと、メールの登録欄。
ハードウェア製品のサイト
+3銀色のスタジオ写真の上に、極細の巨大なモデル名。すりガラスのスペックカード、実寸比のラインアップ、ハードウェアのベントー。
インタラクティブなアーキテクチャ図
+3検証済みの JSON モデルから作る、オフラインでクリックできるシステム構成図。各ボックスの根拠も確認できます。
インタラクティブなグリッドのヒーロー
+3ほぼ黒の上の細い線のダークなグリッドが、カーソルの方へ曲がり、クリックのたびに光る輪が広がります。
ナレッジグラフ エクスプローラー
+3プロジェクトのメモを、すべての記述が出典の行にリンクする、オフラインで検索できるグラフに変えます。
KPI ダッシュボードのテンプレート
+3変化のチップ付きの 4 つの KPI タイルの下に、光る折れ線グラフ、内訳の表、目標のバー。温かい紙の上で。
AI モックアップからのランディングページ
+3まず 3 つのフルページのデザインを見て、ひとつを選ぶと、エージェントがきれいでレスポンシブなコードに組み上げます。
Web マガジンサイト テンプレート
+3記事、トピック、小さなショップ、定期購読を備えた、紙の雑誌のような質感のサイトを HTML ファイル 1 つで。
パーティクルアニメーションのヒーロー
+3温かい紙の上の文章の横で、インクとティールのドットの回転する球体が、アイデアごとに形を変え、スクロールで散ります。
シネマティックな製品ローンチページ
+3映画の光に照らされたほぼ黒のページ。ゆっくり流れる光の上のセリフの表題カード、レターボックスの夜のシーン、予約フォーム。
管理画面ダッシュボード テンプレート
+3グラフ、表、カンバン、カレンダーを備えた、実際に動くバックオフィス画面を、オフライン HTML ファイル 1 つで。
SaaS ランディングページ テンプレート
+3実際に動く製品コンソール、料金、登録フォームを備えた、落ち着いた明るいトーンのソフトウェア製品向けマーケティングサイトです。
スクラップブック風ポートフォリオサイト
+3紙の小物で作る複数ページのオンライン履歴書。事例紹介と印刷できる履歴書付きです。
スニーカーショップ サイトテンプレート
+3カタログ、商品ページ、カート、デモ決済を備えた、靴・アパレルのショップ一式を HTML ファイル 1 つで。
ワークフロー自動化のランディングページ
+3グラファイトのページ。小さく左寄せの見出しと、その下で実行、再試行、ログの流れるライブのノードグラフ。
よくある質問
プロの撮影が必要ですか?
いいえ。ご自身の鮮明な写真が 2 枚あれば十分です。ヒーローは肖像をページになじませるので、無地の壁で構いません。PopNow は、ご自身の写真を温かい背景に当て直したり、混み合った背景から切り抜いたりできます。どちらも実行前に見積もります。
私のためにクライアントや成果を作り話にしませんか?
しません。クライアント名、推薦コメント、数字、料金は、あなたから来ます。スキルが下書きしなければならないものは、引き継ぎメモに一覧にされるので、確認、差し替え、削除ができます。
私はストラテジストではなくコーチです。構成は合いますか?
はい。適応ガイドが、コーチ、写真家、講師、アドバイザー、フリーランスのためのページに対応づけます。サービスはプログラムや依頼に、事例は匿名のストーリーやプロジェクトに、執筆は講演やジャーナルになります。
Next.js や Astro のサイトで使えますか?
はい。プロジェクトがなければ、オフラインの HTML 1 ファイルを作ります。プロジェクトがあれば、ページを実際のルートとコンポーネントとして移植します。React の出力では ReUI のコントロールを使います。

