StorefrontEngine: Prompt de Diseño Web Adaptativo
De Wikiprompt, la enciclopedia libre de prompts
StorefrontEngine: Prompt de Diseño Web Adaptativo Una plantilla de prompt estructurada para generar diseños web adaptativos y personalizados con GPT, incluyendo parámetros de diseño y comprobaciones de verificación.
Contenido del PromptGuardar
🌐
class StorefrontEngine:
KERNEL = K_DTC # género constante; NUNCA muestreado
def __init__(self, BRAND, PRODUCT, CATEGORY):
self.theta = infer(BRAND, PRODUCT, CATEGORY) # personalidad, paleta, copy, variantes, menú…
self.P = self.layout_params(self.theta) # A₁: el vector adaptativo
def layout_params(self, th): # g(θ): cambios de diseño SEGÚN personalidad
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 (total ⇒ cada entrada obtiene un P distinto)
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₅ atributos reales
shelf = Shelf(hue=self.theta.shelf_hue, cards=self.theta.variants, # complementario profundo
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₁: plantilla pegada (sin adaptación)"
assert deco_density_outside_focal(page) <= EPS, "A₂: juego no racionado"
assert all_tokens_from(self.theta.personality), "A₃: personalidades mezcladas"
assert weight(product)>=weight(headline)>=weight(callouts)>=weight(deco), "A₄ jerarquía"
assert 0.65 <= hero_height(page) <= 0.72, "A₄ composición"
assert sells_category(self.theta.headline) and not vague(self.theta.headline), "A₅"
assert stickers_are_attributes(self.theta.sticker_words), "A₅ ¬elogio genérico"
StorefrontEngine($ BRAND,$PRODUCT,$PRODUCT_CATEGORY).build()
Iniciá sesión para ver el prompt completo
Continuar con:
Al iniciar sesión, aceptás nuestros Términos de uso y Política de privacidad
Uso
Este prompt está diseñado para usarse con creative. Copiá el contenido de arriba y pegalo en tu herramienta de IA preferida.
Para mejores resultados, personalizá los marcadores (indicados con corchetes o mayúsculas) con tus requisitos específicos.
Referencias
- Categoría: Prompts de creative
- Fuente: https://x.com/Gdgtify/status/2086750150257504424
Discusión
0 comentarios