cyberneticlibrary

Generate premium frontend design sections

imagegen-frontend-webskillsetup L11
wedabro/bro-skills
What it does

execute imagegen-frontend-web workflow

Best for

When creating section-by-section frontend design references that developers can accurately implement.

Inputs
  • · section_count
  • · brand_brief
  • · layout_archetypes
Outputs
  • · horizontal_images_per_section
  • · design_references
Requires
  • · image_generation_api
  • · frontend_reference_system
Preconditions
  • · section count specified
  • · brand guidelines provided
Failure modes
  • · multiple sections collapsed into one image
  • · composition defaults to left-text-right-image
  • · generic AI art patterns not averted
Trust signals
  • · hard rule: one image per section, never collapsed
  • · eight baseline configuration dials with values
  • · hero composition bias alternatives