
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- 架空のブリストルのスタジオ Loudish による 31 ルートの作例:ケーススタディ 6 件、業種 5 つ、サービス 4 つ、プロセス、料金、スタジオ、ジャーナル記事 3 本、FAQ、お問い合わせ、404。
- 動作するパーツ:ドラッグできる Hero のステッカー、検索と並べ替え付きの作品フィルター、プロセスのタブ、推薦コメントのカルーセル、料金の切り替え、お問い合わせフォームに自動入力する見積もりビルダー。
- Bricolage Grotesque と Instrument Sans を埋め込んだ自己完結型ファイル 1 つ、イラスト計画、スタイルガイド、サンプル名の消し忘れを検出する組み込みチェック。
向いている人
- 実際のケーススタディと公開料金を載せた、親しみやすいサイトがほしいブランド・Web・デザインスタジオ。
- サービスをクラスに、料金を回数券に置き換えられるヨガ、陶芸などのクラス型スタジオ。
- プロジェクト、料金、問い合わせの流れを 1 つの遊び心あるサイトにまとめたいフリーランスや小規模事務所。
向いていない人
- 落ち着いた見た目が必要な企業:ステッカーと明るい色こそがこのデザインの核です。
- 実際の問い合わせや決済の受け付け:フォームはページ上で確認表示するだけで、バックエンドを接続するまで何も送信しません。
- 紫のアクセントやダークテーマが必要なブランド:デザインは温かみのあるクリーム色の背景に、ピンク、グリーン、オレンジ、黄色のステッカーです。
ブランディング・ビジュアルシステムWeb デザイン・デジタル体験エージェンシーサイト作成スタイル固定編集可能な出力エージェンシー紹介エージェンシー Heroエージェンシーステッカーピンクステッカー
この Skill について

スタジオのサービス、料金、プロジェクトを Skill に渡すと、明るく完成度の高い Web サイトを構築します。温かみのあるクリーム色の背景、太い中央寄せの大文字、Hero の下に積み重なったダイカットステッカー、作品には 1 つのテイストで統一したフラットイラスト。作例は架空のブリストルのスタジオ Loudish で、31 の連結ルートで構成されています。デフォルトの成果物は、どのブラウザでもオフラインで開ける自己完結型ファイル 1 つです。

手に入るもの
- ステッカーの Hero、クライアントのロゴタイプ、About のステートメント、サービスのベントー、作品グリッド、プロセスのタブ、推薦コメント、FAQ、ジャーナル、グリーンの CTA パネルを備えたホーム
- 概要、提案、成果物、ブランドシステム、2 枚目のイラスト、クライアントのコメント、クレジットをまとめたケーススタディ
- プロジェクト単位/月額の切り替え、比較表、見積もりビルダー付きの料金ページに加え、プロセス、スタジオ、ジャーナル、FAQ、お問い合わせページ
- Bricolage Grotesque と Instrument Sans をファイルに埋め込み済みで、ネットワークから何も読み込みません

使い方
- スタジオ名、料金付きのサービス、プロジェクト、チーム、住所、連絡先を共有します。
- エージェントがコレクションを埋め、1 つのスタイルでイラストを生成し、すべてのルートとリンクをチェックします。
- デスクトップとスマートフォンでフィルター、見積もりビルダー、フォームを操作して、修正を依頼します。

イラストの生成には、画像ツールの利用料金がかかる場合があります。フォームはページ上で確認表示し、バックエンドを接続するまで何も送信されないことを明示します。
始める前に必要なもの
- 用意するもの
- スタジオ名、1 行の紹介文、希望する Hero の見出し · 料金付きのサービス、各ケースページに必要な内容を添えたプロジェクト、チーム · 住所、メールアドレス、電話番号、営業時間、ご自身が所有するアートワーク
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · 新しいイラスト用に、エージェントの画像生成ツールまたはご自身が所有するアートワーク
- 外部コスト
- エージェントの画像ツールでイラストを生成すると、そのツールの利用料金がかかる場合があります。ご自身が所有するアートワークや、再利用できるサービス・ジャーナルのイラストには追加費用はかかりません。
- 最終検証
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









