ノート

StorefrontEngine:適応型ウェブサイトデザインプロンプト

フリーのプロンプト百科事典 Wikiprompt より

Gadgetify

2026年8月10日

StorefrontEngine:適応型ウェブサイトデザインプロンプト GPTを用いた適応的で個性豊かなウェブサイトデザイン生成のための構造化プロンプトテンプレート。レイアウトパラメータと検証チェックを含む。

プロンプト内容保存

🌐
class StorefrontEngine: KERNEL = K_DTC # 定数ジャンル;絶対にサンプリングしない def __init__(self, BRAND, PRODUCT, CATEGORY): self.theta = infer(BRAND, PRODUCT, CATEGORY) # 性格、パレット、コピー、バリエーション、メニュー… self.P = self.layout_params(self.theta) # A₁: 適応ベクトル def layout_params(self, th): # g(θ): 性格ごとにデザインが変化する base = dict(zone=(0.34,0.40,0.26), hero_scale=1.0, hero_rot=0, accent_sat=0.5, sticker_n=2, deco_density=0.3, type_case="title", motif="neutral") return match th.personality: case "loud": base|dict(hero_rot=8, hero_scale=1.15, accent_sat=0.9, sticker_n=3, deco_density=0.7, type_case="UPPER") case "calm": base|dict(hero_rot=2, hero_scale=1.0, accent_sat=0.3, sticker_n=2, deco_density=0.15) case "cute": base|dict(hero_rot=5, accent_sat=0.8, sticker_n=3, deco_density=0.5, type_case="UPPER") case "luxe": base|dict(hero_rot=0, accent_sat=0.2, sticker_n=1, deco_density=0.1) # … athletic / botanical / nostalgic / technical (合計 ⇒ すべての入力が異なるPを得る) def build(self): nav = Nav(logo=L, menu=self.theta.menu, capsule=BLACK(search|div|cart|badge)) hero = ThreeZone(L=Pitch(self.theta.headline, self.theta.pitch, CTA(self.theta.cta_verb, icon, qty=(-,n,+))), C=floating_hero(self.theta.hero_angle, scale=self.P.hero_scale, rot=self.P.hero_rot, shadow=SOFT_CONTACT), # η R=callouts(self.theta.benefits, icons=SEMANTIC)) stick = stickers(self.theta.sticker_words, n=self.P.sticker_n, over=hero.C) # A₅ 実際の属性 shelf = Shelf(hue=self.theta.shelf_hue, cards=self.theta.variants, # 深い補色 break_outside=True, price+rating+action=True) return page(self.KERNEL, self.P, nav, hero, stick, shelf) def verify(self, page, other_page=None): assert P(self) != P(other_input) for distinct inputs, "A₁: テンプレートの貼り付け(適応なし)" assert deco_density_outside_focal(page) <= EPS, "A₂: 遊び心が配分されていない" assert all_tokens_from(self.theta.personality), "A₃: 性格の混在" assert weight(product)>=weight(headline)>=weight(callouts)>=weight(deco), "A₄ 階層" assert 0.65 <= hero_height(page) <= 0.72, "A₄ 構図" assert sells_category(self.theta.headline) and not vague(self.theta.headline), "A₅" assert stickers_are_attributes(self.theta.sticker_words), "A₅ ¬一般的な称賛" StorefrontEngine($ BRAND,$PRODUCT,$PRODUCT_CATEGORY).build()

ログインして完全なプロンプトを表示

次で続行:

ログインすると、次に同意したことになります: 利用規約 と プライバシーポリシー

使い方

このプロンプトは creative 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。

最良の結果を得るには、プレースホルダー(角括弧や大文字で示された部分)を具体的な要件に置き換えてください。

参考資料

カテゴリ:creative| twitter| website-design| gpt-prompt

ノート