
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- オフラインで開ける単体 HTML ファイル 1 つに収めた完全な Web サイト。Haywren のサンプルは、ソリューションや料金からジャーナル、会社概要、お問い合わせ、法務ページまで 25 のルートがつながっています
- 実際に動くツール:インタラクティブな圃場 Dashboard、全ソリューションページのウィジェット、請求サイクルの切り替えとハードウェア見積もり、自動化ルールビルダー、複数ステップの登録フォーム
- すべての画像に共通するフラットベクターのイラストスタイル、ライブなスマホのモックアップ、Bricolage Grotesque・Figtree・Geist Mono の書体。ご要望に応じてお使いのフレームワークへ移植
向いている人
- ストックフォトではなく親しみやすいイラストの見た目にしたい、アグリテック、食品、ガーデン、アウトドア、フィールドサービスの製品
- 単一のランディングページではなく、ソリューション、料金、ジャーナル、会社概要、ダウンロードなどのページ一式が必要なアプリ開発者
- 今すぐ単体サイトがほしい、または同じデザインを Vue、React、Astro、Next.js で構築したいチーム
向いていない人
- そのまま使えるバックエンド(登録、お問い合わせ、アプリリンクのフォームはページ上で確認表示されますが、送信・作成・課金は一切行いません)
- 写真が必要なブランド(すべての画像が 1 つのフラットベクターのイラストスタイルに従います)
- 別のビジュアルの方向性を求めるプロジェクト(空の外枠、風景の帯、スマホのモックアップ、ブルーの帯こそがこのデザインです)
ブランディング・ビジュアルシステムWeb デザイン・デジタル体験LP 作成スタイル固定編集可能な出力ファームブルーファーム Hero農場の風景ファームフォン
この Skill について

プロダクトと必要なページを伝えるだけで、完成したイラスト調の Web サイトが手に入ります。角丸の空グラデーション Hero の下から農場の風景が立ち上がり、傾いた小さなスマホにアプリが映り、カラフルな機能カードと鮮やかなブルーの製品帯が並びます。どのブラウザでも開けてオフラインでも動く、単体の 1 ファイルとして届きます。

手に入るもの
- ホーム、プラットフォーム、ソリューション、自動化、料金、ジャーナルと記事、会社概要、お問い合わせ、アプリのダウンロード、登録、プライバシー、利用規約、デザイン済みの 404 まで揃ったページ一式
- 実際に使えるツールを備えた下層ページ:期間切り替え付きの圃場 Dashboard、各ソリューションページのウィジェット、ハードウェア見積もり、自動化ルールビルダー
- すべての枠で統一されたフラットベクターのイラストスタイルと、スマホ上にライブな UI として描かれたアプリ画面
- フィルター、検索、カルーセル、入力チェックと確認表示を備えたフォーム。モーションは穏やかで、視差効果を減らす設定にも対応
- ご要望に応じて、同じデザインをお使いの技術スタックのコンポーネントとルートとして構築

使い方
- ブランド、対象者、製品やソリューション、必要なページを共有します。大まかなメモで十分で、下書きした事実は確認用に一覧化されます
- 自分が権利を持つイラストを用意するか、枠ごとに 1 つの題材でそろいのセットを生成させます
- 完成したファイルをブラウザで開き、すべてのページを確認して、修正点を普通の言葉で伝えます

新しいイラストはエージェントの画像ツールで生成するため、そのツールの利用料金がかかる場合があります。フォントと画像は完成ファイルに埋め込まれます。
始める前に必要なもの
- 用意するもの
- ブランド名、対象者、製品の簡単な紹介 · 役立つ説明付きの製品、ソリューション、ストーリーと、必要なページ · 自分が権利を持つイラスト、または新しいそろいのセットを生成する許可
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · 製品固有のアートワーク用に、エージェントの画像生成ツール、または自分が権利を持つイラスト
- 外部コスト
- 新しいイラストはエージェント自身の画像ツールで生成するため、そのツールの利用料金がかかる場合があります。自分が権利を持つイラストなら費用はかからず、サンプルの汎用的な農場の風景は農業・食品・アウトドア系のブランドに再利用できます。
- 最終検証
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









