
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- 完全な SaaS サイト:ホームに加え、料金比較、7 本の記事を収めたブログ、変更履歴、会社概要と採用、お問い合わせ、ログイン、登録、パスワードの再設定、法務、404
- コードで描画した反応する製品 UI:ボード・タイムライン・リスト表示、フィルターチップ、依存関係のデモ、ダイジェストの期間切り替え、元に戻せるリスクの再調整
- Loopwise のルック:白地に柔らかな空色・ミント・ピーチのにじみ、細かな粒子感、スレート色の文字、ブルーのアクセント 1 色を、1 つのオフラインファイルに
向いている人
- 信頼できるサイトをすぐに用意したい、プロジェクト管理、コラボレーション、生産性向上製品をローンチするチーム
- ボード、ダイジェスト、リスクの行を自社のオブジェクトに合わせて名前を変えられる、ヘルプデスク、CRM、開発者ツールの開発元
- ホームページと最初からデザインがそろったブログ、変更履歴、比較ページがほしいマーケター
向いていない人
- CMS で管理するサイトや多言語サイト(記事と変更履歴の項目はページ内の静的コンテンツです)
- デフォルトでダークまたは派手なルックを求めるブランド(Loopwise はライトが基本で、ダークはオプションです)
- 実際の会員登録(認証フォームとお問い合わせフォームはページ上で入力チェックと確認表示を行うだけで、ご自身のバックエンドが必要です)
プロダクトローンチ・アプリグロースWeb デザイン・デジタル体験ホームページ作成LP 作成ホームページテンプレート作成スタイル固定編集可能な出力コンバージョン重視Dashboard Heroライト優先角丸カードマーキーモーションノイズグレインテクスチャパステルグラデーションウォッシュ
この Skill について

製品について説明するだけで、製品そのものが Hero になる、落ち着いた明るいマーケティングサイトが手に入ります。ガラスのフレームに収めたライブなプロジェクトボードの上に、中央揃えの 2 行の見出し。プランの比較から記事の閲覧、登録まで、訪問者が必要とするすべての導線が実際に動き、サイト全体がどのブラウザでもオフラインで開ける 1 ファイルとして届きます。

手に入るもの
- タイムラインとリストに切り替えられる Hero のボード、顧客のロゴのマーキー、アイコンタブと実際に動くパネルを備えたワークフローのカルーセル
- 6 マスの機能の Bento、ダイジェストのグラフとリスクの再調整を備えたレポートの行、導入事例、推薦の声のモザイク
- セキュリティと連携、月額・年額切り替え付きの料金、FAQ、記事の列
- 料金比較、ブログと記事、変更履歴、会社概要と採用、お問い合わせ、ログイン、登録、パスワードの再設定、法務、404 のページ
- 実際に動くダークテーマ。フォントと写真を埋め込んでいるため、ページはネットワークリクエストを行いません

使い方
- 製品名、約束、管理対象のオブジェクト、主な機能、料金プラン、メインの CTA を Skill に伝えます。
- あなたのオブジェクトに合わせてボード、パネル、ダイジェストを作り直し、不足分を下書きして確認用に一覧化します。
- ライトとダークの両方でファイルを開き、すべてのタブ、フォーム、ページを確認して、修正点を普通の言葉で伝えます。

新しい写真はエージェントの画像ツールで用意するため、そのツール独自の利用料金がかかる場合があります。
始める前に必要なもの
- 用意するもの
- 製品名、一行の約束、管理対象のオブジェクト(タスク、プロジェクト、ドキュメント、リクエストなど) · 確認済みの主な機能 4〜6 個、連携、セキュリティに関する事実 · 料金プランと上限、メインの CTA、会社概要用の会社情報
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · 導入事例、チーム、ポートレートの写真用のエージェントの画像ツール(自分で用意する場合は任意)
- 外部コスト
- 用意していない写真はエージェント自身の画像ツールで生成するため、そのツールの利用料金がかかる場合があります。製品 UI はコードで作られ、完成したページはネットワークリクエストを行いません。作例の閲覧は無料です。
- 最終検証
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









