
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- 23 ルートのサイト:3 つの製品ページを含むモデル、テクノロジー、4 つの事例ページを含む用途、3 本の記事を含むジャーナル、ダウンロード、会社概要、デモ予約、FAQ、ニュースレター、法的情報、404
- 動作するコントロール:Hero のモデルスイッチャー、製品ギャラリー、合計金額が更新されるコンフィギュレーター、比較の切り替え、並べ替えと検索付きのモジュールフィルター、ダウンロードのフィルター、FAQ 検索
- Inter Tight と IBM Plex Mono の書体、静かな白いスペックカード、シルバーのスタジオ写真を、オフラインで開ける 1 つのファイルに収録
向いている人
- 紹介したい製品ファミリーを持つロボット、ドローン、電動自転車、オーディオ、カメラのメーカー
- スペック、比較、ダウンロード、デモ予約を 1 つのサイトにまとめたいハードウェアスタートアップ
- 派手なローンチページではなく、落ち着いたテクニカルな見た目を求める研究機器・設備ブランド
向いていない人
- 実際の注文や決済。コンフィギュレーターとデモフォームはページ上で確認表示を行い、何も送信されていないことを明示します
- 撮影できる物理的な製品がないソフトウェア専業のプロダクト
- ダークやカラフルな見た目を求めるブランド。配色はシルバー、白、グラファイトです
ブランディング・ビジュアルシステムWeb デザイン・デジタル体験プロダクトサイト作成スタイル固定編集可能な出力ロボット Bentoロボット機能ロボット Heroロボット仕様
この Skill について

製品ラインを、落ち着いたテクニカルなブランドサイトに仕上げます。シルバーのスタジオ写真に重ねた巨大な細字のモデル名、静かな白いスペックカード、実際の相対的な高さで描いたラインナップ。作例は 3 台のロボットを 23 の連結ルートで紹介しており、サイトはどのブラウザでもオフラインで開ける 1 つのファイルで届きます。

手に入るもの
- 画像、名前、リード文、スペックを切り替える Hero のモデルスイッチャー、縮尺どおりのファミリーラインナップ、コードセルを含む非対称のハードウェア・ベントー
- ギャラリーとコンフィギュレーター付きのモデルページ、差分のみ表示の切り替えがある並列比較、絞り込みできるモジュールカタログ
- テクノロジーのタブ、用途別の事例ページ、ジャーナル、フィルター付きのダウンロード、沿革付きの会社概要、検索できる FAQ、デモ予約
- 構成内容をデモ申し込みに引き継ぎ、ページ上で確認表示を行う入力検証付きフォーム
- Inter Tight と IBM Plex Mono をすべての画像とともに埋め込み、ページはネットワークリクエストを行いません

使い方
- ブランド、型番・スペック・価格付きの製品、ターゲット、必要なページを Skill に伝えます。製品写真があれば追加してください。
- すべてのページを埋め、不足している画像を統一したスタジオスタイルで生成し、下書きした情報を確認用に一覧にします。
- ファイルを開き、スイッチャー、コンフィギュレーター、フィルターを試して、修正点を普段の言葉で依頼します。

用意されていない画像はエージェントの画像ツールで作成するため、そのツール独自の利用料金がかかる場合があります。
始める前に必要なもの
- 用意するもの
- ブランド名、ターゲット、必要なページ · 型番、主要スペック、価格、用途付きの製品 2〜4 点 · 任意:製品写真、パートナー、推薦コメント、確認できる会社情報
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · 製品の Hero、全身ショット、クローズアップ、シーン用のエージェントの画像ツール。ご自身の写真を用意する場合は任意
- 外部コスト
- ご自身で用意しない画像はエージェントの画像ツールで生成するため、そのツールの利用料金がかかる場合があります。完成したページはネットワークリクエストを行いません。作例の閲覧は無料です。
- 最終検証
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









