
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- 端にオレンジの熱を帯び、フィルムグレインと 3 行のステートメントを備えたライブなフルーテッドガラスの Hero。完成した静止画フォールバックと、控えめなモーション軽減モード付き
- スタジオサイト一式:スタジオ紹介、作品紹介と検索可能なプロジェクト一覧、サービスのタブ、プロセス、契約プラン、推薦の声、チーム、ジャーナル、FAQ、プロジェクト依頼フォーム
- 事例ページ、ジャーナル記事、プライバシー、利用規約、Not Found ページを、Web フォントと役割ごとに計画した写真とともにオフライン用の 1 ファイルに
向いている人
- 読みやすさを損なわずに、上質で生き生きとしたファーストビューを求めるデザイン、ブランディング、エンジニアリングのスタジオ
- 実際の事例、明快な契約料金、依頼フォームを備えたポートフォリオを立ち上げるフリーランスや小規模エージェンシー
- 作品・サービス・契約プランを顧客・機能・料金プランに置き換えられる、明るくガラス感のあるローンチサイトを求めるプロダクトチーム
向いていない人
- ダークでムーディーなブランド。ページは明るいペーパーグレーのままで、ダークな面はフッターの 1 つだけです
- CMS や数十ページが必要なサイト。事例とジャーナル記事はページ内の静的データとして保持されます
- スクリプトを無効にしても動作する必要があるページ。テキストとレイアウトは表示されますが、ガラスのアニメーション、メニュー、フォームにはスクリプトが必要です
ブランディング・ビジュアルシステムWeb デザイン・デジタル体験ホームページ作成LP 作成スタイル固定編集可能な出力ブライトミニマルフルーテッドガラスグレイニーグラデーションシェーダーライティング
この Skill について

Molten Glass ランディングページは、ファーストビューが生きているスタジオサイトを作ります。フルーテッドガラス越しに見える明るいペーパーグレーの光に、熱いオレンジの熱が端から押し寄せます。その下には、番号付きセクション、実際の事例ページ、動作するプロジェクト依頼フォームを備えた落ち着いたエディトリアルなサイトが続きます。サンプルは架空のデザイン&エンジニアリングスタジオ Arclune です。

手に入るもの
- 完成したグラデーションのフォールバック、モーションを減らす設定用の静止フレーム、ホバーでラベルが回転するボタンを備えたライブなガラスの Hero
- ホームのセクション:カウントアップする数値付きのスタジオ紹介、作品紹介と検索可能なプロジェクト一覧、サービスのタブ、プロセス、通貨切り替え付きの契約プラン、推薦の声、チームと募集職種、ジャーナル、FAQ、プロジェクト依頼フォーム
- 成果とクレジット付きの事例ページ、ジャーナル記事、プライバシー、利用規約、Not Found ページ
- 巨大なワードマークを配したほぼ黒のフッター 1 つと、どのブラウザでも開けてオフラインで動作する 1 ファイル

使い方
- スタジオ名、一文のポジショニングステートメント、それぞれ測定可能な成果を伴う代表プロジェクトを 2 件以上共有します。
- エージェントがすべてのセクションと事例を埋め、写真を計画・生成し、足りない内容は確認用に下書きします。
- ファイルを開き、すべての事例、タブ、フォームを試して、変更点を普段の言葉で依頼します。

写真はエージェントの画像ツール(そのツールの利用料金がかかる場合があります)またはご自身のライブラリから用意します。既存のフレームワークプロジェクトがある場合は、エージェントが同じデザインをお使いのスタックのコンポーネントとして構築します。
始める前に必要なもの
- 用意するもの
- スタジオ名またはブランド名と、一文のポジショニングステートメント · それぞれ一行の測定可能な成果を伴う代表プロジェクト 2 件以上 · 専門分野、契約条件または料金、チームリーダー、連絡先(任意。足りない部分は確認用に下書きします)
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · スタジオ、プロジェクト、チームの写真用の、エージェントの画像ツール(任意。プレースホルダーやご自身の写真でもページは正しく読めます)
- 外部コスト
- 新しい写真が必要な場合、スタジオ、プロジェクト、チームの写真はエージェント自身の画像ツールで生成され、そのツールの利用料金がかかる場合があります。代わりにご自身の写真を用意するか、プレースホルダーのままにもできます。それ以外に有料サービスは使いません。
- 最終検証
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









