
僕のウラチカも、
この道具でつくりました。
お気に入りの研究室の画像を、そのままLPの主役に。なりタイ園長のコミュニティ「ウラチカ」を、おまかせサイト工房と、ちせさんの「動きの強化室」でサイトにしました。
ウラチカの研究室へ入る研究室が開く。光の立体に触れる。本をひらく。ぜひ、最初の画面から体験してみてください。
DEMO GALLERY / 2026.08
LP雰囲気図鑑(yuuさん)で雰囲気を選び、おまかせサイト工房(なり)で建て、動きの強化室(ちせさん)で動かす。 実在するコミュニティ「ウラチカ」の制作例と、この道具で作った29本の制作デモを並べました。 説明より先に、実物を見てください。
yuuさん作。実例から雰囲気を目で選び、制作ブリーフを書き出す。
なり作。品質ゲートつきでサイトそのものを建てる。
ちせさん作。完成したサイトに、非破壊で動きを足す。
SCROLL
公開デモサイト
採用元モーションデモ
壊れ画像・JSエラー(本番実測)
検品証跡つき(PROOF.md)

お気に入りの研究室の画像を、そのままLPの主役に。なりタイ園長のコミュニティ「ウラチカ」を、おまかせサイト工房と、ちせさんの「動きの強化室」でサイトにしました。
ウラチカの研究室へ入る研究室が開く。光の立体に触れる。本をひらく。ぜひ、最初の画面から体験してみてください。
LP雰囲気図鑑の実例から型を選び、「AIに渡す制作プロンプトを書き出す」で制作ブリーフを取得。配色・書体・構成・コピーの合格基準・避けることまで入った1万字超の指示書になります。
店舗情報を書き足してAIに貼るだけ。ここでは架空のデモ店舗として情報を埋めました。工房を使う版では、そのまま工房の品質ゲートに乗せています。
モーションパレットのデモから雰囲気に合うものを選び、配色・イージング・秒数まで入ったプロンプトを適用。各サイト2〜4本を採用しています。
ブリーフが義務づける検品表(PASS/FAIL)を作成し、実ブラウザでスマホ・PC両方を撮影して確認。全29本を公開URLとして稼働させています。
この29本について。 すべて制作デモです。構成は4通り(図鑑+強化室/3点フルセット/図鑑+工房/工房+強化室 — 各カードのバッジ表示)。どれか片方だけ買い足しても効くことの証明として、単品組み合わせのデモも収録しています。掲載している店舗・団体・人物・商品はいずれも架空で、実在のものとは関係ありません。 各サイトのフォームは送信されません。口コミ・実績・受賞歴・期限や残数といった「事実の裏づけがないもの」は、 デモであっても発明しない方針で作っています(掲載枠だけ残し、準備中と明記)。