DEMO GALLERY / 2026.08
LP雰囲気図鑑(yuuさん)で雰囲気を選び、おまかせサイト工房(なり)で建て、動きの強化室(ちせさん)で動かす。 この3つの道具だけで作った制作デモを、すべて公開URLのまま並べました。 説明より先に、実物を見てください。
yuuさん作。実例から雰囲気を目で選び、制作ブリーフを書き出す。
なり作。品質ゲートつきでサイトそのものを建てる。
ちせさん作。完成したサイトに、非破壊で動きを足す。
SCROLL
公開デモサイト
採用元モーションデモ
壊れ画像・JSエラー(本番実測)
検品証跡つき(PROOF.md)
LP雰囲気図鑑の実例から型を選び、「AIに渡す制作プロンプトを書き出す」で制作ブリーフを取得。配色・書体・構成・コピーの合格基準・避けることまで入った1万字超の指示書になります。
店舗情報を書き足してAIに貼るだけ。ここでは架空のデモ店舗として情報を埋めました。工房を使う版では、そのまま工房の品質ゲートに乗せています。
モーションパレットのデモから雰囲気に合うものを選び、配色・イージング・秒数まで入ったプロンプトを適用。各サイト2〜4本を採用しています。
ブリーフが義務づける検品表(PASS/FAIL)を作成し、実ブラウザでスマホ・PC両方を撮影して確認。全11本を公開URLとして稼働させています。
この11本について。 すべて制作デモです。掲載している店舗・団体・人物・商品はいずれも架空で、実在のものとは関係ありません。 各サイトのフォームは送信されません。口コミ・実績・受賞歴・期限や残数といった「事実の裏づけがないもの」は、 デモであっても発明しない方針で作っています(掲載枠だけ残し、準備中と明記)。