
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- チームカルチャーアプリ Beanhop の完成済みサンプルサイト:ランディングページに加え、記事ページ、更新履歴、サインアップ、サインイン、問い合わせ、プライバシー、利用規約、デザイン済みの 404。
- クリックできるプロダクトウィンドウ、検索とフィルター付きの恒例行事ライブラリ、チーム人数の見積もり付き請求期間切り替え、バリデーション付きフォーム、紙吹雪の演出。すべてあなたのプロダクトの名前に置き換えます。
- Bricolage Grotesque、Figtree、Gochi Hand を埋め込んだオフラインの 1 ファイルとしてのサイトと、エージェントが参照するスタイルルール、画像プラン、チェックリスト。
向いている人
- 企業的な洗練さより、温かみと個性のあるローンチページやウェイトリストページが欲しい創業者や個人開発者。
- 人、お祝い、勢いがストーリーの中心になるチーム、コミュニティ、習慣化のアプリ。
- 更新履歴、サインアップ、ブログ記事、法務など、下層ページも必要な小規模チーム。
向いていない人
- ダーク、ガラス調、超ミニマルなブランド:Confetti はあえて明るく遊び心のあるスタイルで、ダークテーマはありません。
- CMS が必要なサイト:ブログ記事と更新履歴のエントリーは、エディターではなくページ内のデータに保存されます。
- 実際の登録や決済:フォームはページ上で入力を検証して確認表示しますが、バックエンドを接続するまで何も送信しません。
プロダクトローンチ・アプリグロースWeb デザイン・デジタル体験LP 作成スタイル固定編集可能な出力ドットグリッドエメラルドアクセントパステル&ポップソフトシャドウステッカーカード
この Skill について

プロダクトについて説明すると、遊び心あるマーケティングサイトが返ってきます。ドットグリッドのパネルでまとめた磁器のような白いページ、エメラルドのアクセント 1 色、そして手で並べたような感覚を生む傾いたステッカーカード。サンプルは Beanhop。リモートチームの称賛、誕生日、恒例行事を 1 つのフィードにまとめる架空のアプリです。

手に入るもの
- 落ち着いた Hero、3 つの機能紹介、プロダクトウィンドウ、アニメーションする Bento、恒例行事のライブラリ、世界地図、料金、お客様の声、ブログ、FAQ、メール登録を備えたランディングページ
- 実際に動く下層ページ:ブログ記事、フィルターと検索付きの更新履歴、サインアップ、サインイン、問い合わせ、プライバシー、利用規約、デザイン済みの 404
- コードで描き、あなたのプロダクトに登場する人やモノの名前に置き換えたプロダクトウィンドウとチャート
- 埋め込み済みの 3 つのフォントと少数の写真。どのブラウザでもオフラインでファイルを開けます

使い方
- プロダクト名、できること、プラン、お客様の声や記事のアイデアを共有します。ラフなメモで十分です。
- エージェントがすべてのセクションとページを埋め、実在の企業サイトなら写真を使う箇所に写真を加え、デスクトップとスマートフォンで仕上がりを確認します。
- 単一のファイルを開いてページを見て回り、修正したい点を普段の言葉で伝えます。

エージェントの画像ツールで作る写真には、そのツールの利用料金がかかる場合があります。ツールがない場合は、ご自身の写真用にサイズを指定した枠を残します。
始める前に必要なもの
- 用意するもの
- プロダクト名、対象者、一文のバリュープロポジション · 主な機能、価格付きの料金プラン、閲覧できるコレクション(テンプレート、レシピ、連携機能など) · 任意:お客様の声、導入事例、記事のアイデア、ご自身の写真
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · ポートレートと記事カバー用の、エージェントの画像生成ツール(任意。ない場合は写真を用意します)
- 外部コスト
- お客様の声のポートレート、導入事例の写真、記事のカバーは、利用可能であればエージェントの画像ツールで生成するため、そのツールの利用料金がかかる場合があります。画像ツールがない場合は、エージェントがあなたの写真を求め、サイズを指定した枠を残します。
- 最終検証
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









