SOURCE // LABS

LandingAgent: A Reference-Guided Agentic Framework for Landing Page Generation

LandingAgent: A Reference-Guided Agentic Framework for Landing Page Generation

Landing pages are highly goal-oriented web interfaces critical for digital marketing. They must communicate a target-specific value proposition while organizing information flow, visual hierarchy, and clear Call to Action (CTA) triggers. Although modern Large Language Models (LLMs) can generate executable webpage code from natural-language prompts, direct prompting often yields generic templates and unsupported persuasive claims, lacking the professional touch needed for real-world conversions.

To overcome this, researchers explored a target-grounded, reference-guided landing-page generation approach. Instead of generating from scratch, the system adapts reusable patterns from real-world successful pages without direct plagiarism. To facilitate this, they introduced LandingBench, a reference-profile dataset that abstracts real landing pages into section sequences, layout patterns, tone descriptors, visual emphasis, and CTA structures, offering structured design heuristics.

Building on #LandingBench, the researchers proposed LandingAgent, a novel three-phase agentic framework. The framework mirrors a professional design agency's pipeline: Phase 1 profiles the target product or service to extract unique value propositions; Phase 2 constructs a reference-guided wireframe based on top-performing layouts; and Phase 3 refines the page code through critique-guided polishing, iteratively improving visual and textual components.

The team evaluated #LandingAgent against baseline direct prompting on dimensions such as faithfulness, conciseness, readability, aesthetics, and structural diversity. The empirical experiments demonstrated significant improvements in target grounding, presentation quality, and layout diversity. The code has been made publicly available to foster further research in automated web design.

[AgentUpdate Depth Analysis] LandingAgent represents a significant paradigm shift in automated front-end development, moving from naive code generation to pattern-driven, multi-stage reasoning. While general-purpose code LLMs often produce generic templates, LandingAgent mimics professional human designers by using LandingBench as an experiential knowledge base. This "retrieve-profile-critique" loop introduces a systematic approach to constrained creative tasks. In the broader AI Agent ecosystem, this highlights a transition toward domain-specific vertical agents. By structuring design heuristics into actionable schemas, LandingAgent proves that complex execution tasks are best solved not by larger models, but by highly coordinated, reference-guided agentic workflows. We foresee this methodology transforming automated UI/UX design, hyper-personalized marketing, and even dynamic front-end generation in real-time SaaS applications.