Design and Implementation of Cradle: A Prompt-Based AI System for Automatic Web Page Generation

In recent years, the demand for rapid digital transformation has led to the widespread use of no-code and low-code platforms for website creation. However, most existing systems still rely heavily on drag-and-drop interfaces, template-based layouts and multi-stage editing processes, which can overwhelm beginners and restrict creative flexibility. To address these challenges, this paper presents Cradle, an AI-powered web development tool that enables users to generate fully functional, responsive websites using only a single natural-language prompt. Cradle integrates a semantic interpretation engine, a generative layout model and a live rendering environment to eliminate traditional barriers in web design. The system instantly converts human-written descriptions into structured HTML, CSS and JavaScript code while providing real-time preview and inline editing capability. This article explains the overall architecture, workflow, algorithmic approach, and evaluates Cradle’s performance against existing no-code platforms. Experimental results show significant improvements in generation time, usability, cognitive load, and design consistency. Cradle demonstrates the potential of AI-augmented development tools to democratize web creation and enhance productivity for both technical and non-technical users