DEMO GALLERY / 2026.08

雰囲気は、見て選ぶ。 動きは、話しかけて足す。 ——実例と、29本のデモ。

LP雰囲気図鑑(yuuさん)で雰囲気を選び、おまかせサイト工房(なり)で建て、動きの強化室(ちせさん)で動かす。 実在するコミュニティ「ウラチカ」の制作例と、この道具で作った29本の制作デモを並べました。 説明より先に、実物を見てください。

入口LP雰囲気図鑑

yuuさん作。実例から雰囲気を目で選び、制作ブリーフを書き出す。

土台おまかせサイト工房

なり作。品質ゲートつきでサイトそのものを建てる。

仕上げ動きの強化室

ちせさん作。完成したサイトに、非破壊で動きを足す。

SCROLL

0

公開デモサイト

0

採用元モーションデモ

0

壊れ画像・JSエラー(本番実測)

0

検品証跡つき(PROOF.md)

本棚と真鍮の灯りがある、ウラチカの地下研究室
NEW / 実在するコミュニティの制作例

僕のウラチカも、
この道具でつくりました。

お気に入りの研究室の画像を、そのままLPの主役に。なりタイ園長のコミュニティ「ウラチカ」を、おまかせサイト工房と、ちせさんの「動きの強化室」でサイトにしました。

工房 × 動きの強化室 / 扉の起動・触れるホログラム・新しい2枚のイラスト / PC・スマホ対応
ウラチカの研究室へ入る

研究室が開く。光の立体に触れる。本をひらく。ぜひ、最初の画面から体験してみてください。

THE TWENTY-NINE29本の制作デモ

HOW THESE WERE MADEこの29本の作り方

STEP 01図鑑で雰囲気を選ぶ

LP雰囲気図鑑の実例から型を選び、「AIに渡す制作プロンプトを書き出す」で制作ブリーフを取得。配色・書体・構成・コピーの合格基準・避けることまで入った1万字超の指示書になります。

STEP 02ブリーフをAIに渡す

店舗情報を書き足してAIに貼るだけ。ここでは架空のデモ店舗として情報を埋めました。工房を使う版では、そのまま工房の品質ゲートに乗せています。

STEP 03強化室で動きを足す

モーションパレットのデモから雰囲気に合うものを選び、配色・イージング・秒数まで入ったプロンプトを適用。各サイト2〜4本を採用しています。

STEP 04検品して公開

ブリーフが義務づける検品表(PASS/FAIL)を作成し、実ブラウザでスマホ・PC両方を撮影して確認。全29本を公開URLとして稼働させています。

この29本について。 すべて制作デモです。構成は4通り(図鑑+強化室/3点フルセット/図鑑+工房/工房+強化室 — 各カードのバッジ表示)。どれか片方だけ買い足しても効くことの証明として、単品組み合わせのデモも収録しています。掲載している店舗・団体・人物・商品はいずれも架空で、実在のものとは関係ありません。 各サイトのフォームは送信されません。口コミ・実績・受賞歴・期限や残数といった「事実の裏づけがないもの」は、 デモであっても発明しない方針で作っています(掲載枠だけ残し、準備中と明記)。