Vol. 5 No. 1 (2026): January
RESEARCH ARTICLES

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

DOWNLOAD PDF
  • B Anuradha,
  • Abishekram R,
  • Brindha J,
  • Kiran Raaj G L
B Anuradha
Department of Computer Science and Design, SNS College of Technology, Coimbatore, Tamil Nadu, India.
Abishekram R
Department of Computer Science and Design, SNS College of Technology, Coimbatore, Tamil Nadu, India.
Brindha J
Department of Computer Science and Design, SNS College of Technology, Coimbatore, Tamil Nadu, India.
Kiran Raaj G L
Department of Computer Science and Design, SNS College of Technology, Coimbatore, Tamil Nadu, India.
DOI: https://doi.org/10.5281/zenodo.17776242

Published 2025-12-01

Keywords

  • AI Web Development,
  • Natural Language Generation,
  • No-Code Platform,
  • , Prompt-Based Automation,
  • Website Generation,
  • Generative UI
    • ...More
    Less

How to Cite

B Anuradha, Abishekram R, Brindha J, & Kiran Raaj G L. (2025). Design and Implementation of Cradle: A Prompt-Based AI System for Automatic Web Page Generation. International Journal of Computational Learning & Intelligence, 5(1), 894–903. https://doi.org/10.5281/zenodo.17776242

Copyright (c) 2025 B Anuradha, Abishekram R, Brindha J, Kiran Raaj G L

Creative Commons License

This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.

Abstract

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.

DOWNLOAD PDF

References

  1. Aarthi, N. G., Hygin, J., & Max, J. (2025). Enhanced real-time collaborative diagramming platform MELON. European Alliance for Innovation (EAI). https://doi.org/10.4108/eai.28-4-2025.2358083
  2. Asharaf, T. (2024). Exploring the potential of big data and machine learning for superior analysis and personalization of customer behavior. LinkedIn Pulse. https://www.linkedin.com/pulse/exploring-potential-big-data-machine-learning-superior-thasni-asharaf-srm3c
  3. Asharaf, T., Mathew, A. K., Simman, R., Santhosh, S., Sruthi, S., & Dharshini, Y. S. (2025). Stocks View: Enhancing market analysis and trading decisions with advanced tools. Proceedings of the 4th International Conference on Emerging Technologies in Computer Science and Engineering. European Alliance for Innovation (EAI). https://doi.org/10.4108/eai.28-4-2025.2357998
  4. Ganapathi, A. (2023). InterviewBot: Real-time end-to-end dialogue system for interviewing students for college admission. ResearchGate. https://doi.org/10.13140/RG.2.2.12345.67890
  5. Kumar, S., & Singh, B. K. (2020). Machine learning in healthcare. CRC Press. (Diagnostic applications, pp. 134–150). https://books.google.com/books?id=0TiUEQAAQBAJ.
  6. Valivarthi, D. T., Kethu, S. S., Natarajan, D. R., Narla, S., Peddi, S., & Kurunthachalam, A. (2025). Enhanced Medical Anomaly Detection Using Particle Swarm Optimization-based Hybrid MLP-LSTM Model. International Journal of Pattern Recognition and Artificial Intelligence. https://doi.org/10.1142/s0218001425570228.
  7. Optimizing Task Offloading in Vehicular Network (OTO): A Game Theory Approach Integrating Hybrid Edge and Cloud Computing. (2025). Journal of Cybersecurity and Information Management, 15(1). https://doi.org/10.54216/jcim.150110.
  8. Vallu, V. R., Pulakhandam, W., Kurunthachalam, A., & Hugar, S. (2025). PR-MICA and SGELNN: A Unified Framework for Feature Extraction in Graph Learning. 2025 IEEE 4th World Conference on Applied Intelligence and Computing (AIC), 864–869. https://doi.org/10.1109/aic66080.2025.11211928.
  9. Rao, V. V., Jagathpally, A., Pulakhandam, W., Shahwar, T., & Kurunthachalam, A. (2025). A Vision Transformers Approach for Surgical Monitoring with Algorithmic Framework and Experimental Evaluation. 2025 International Conference on Biomedical Engineering and Sustainable Healthcare (ICBMESH), 1–6. https://doi.org/10.1109/icbmesh66209.2025.11182237.
  10. Jadon, R., Budda, R., Gollapalli, V. S. T., Chauhan, G. S., Srinivasan, K., & Kurunthachalam, A. (2025). Grasp Pose Detection and Feature Extraction Using FHK-GPD and Global Average Pooling in Robotic Pick-and-Place Systems. 2025 9th International Conference on Inventive Systems and Control (ICISC), 28–34. https://doi.org/10.1109/icisc65841.2025.11188246.
  11. Vallu, V. R., Pulakhandam, W., & Kurunthachalam, A. (2025). Revolutionizing Mobile Cloud Security: Employing Secure Multi-Party Computation and Blockchain Innovations for E-Commerce Platforms. 2025 International Conference on Artificial Intelligence and Emerging Technologies (ICAIET), 1–6. https://doi.org/10.1109/icaiet65052.2025.11211015.
  12. Vallu, V. R., Pulakhandam, W., Jagathpally, A., Shahwar, T., & Kurunthachalam, A. (2025). Object Recognition and Collision Avoidance in Robotic Systems Using YOLO and HS-CLAHE Techniques. 2025 5th International Conference on Intelligent Technologies (CONIT), 1–6. https://doi.org/10.1109/conit65521.2025.11166833.
  13. Jadon, R., Budda, R., Gollapalli, V. S. T., Singh Chauhan, G., Srinivasan, K., & Kurunthachalam, A. (2025). Innovative Cloud-Based E-Commerce Fraud Prevention Using GAN-FS, Fuzzy-Rough Clustering, Smart Contracts, and Game-Theoretic Models. 2025 International Conference on Computing Technologies &Amp; Data Communication (ICCTDC), 1–6. https://doi.org/10.1109/icctdc64446.2025.11158048.
  14. Gayathri, R., Sheela Sobana Rani, K., & Aravindhan, K. (2024). Classification of Speech Signal Using CNN-LSTM. Proceedings of Third International Conference on Computing and Communication Networks, 273–289. https://doi.org/10.1007/978-981-97-2671-4_21.
  15. Siddiqha, S. A., & Islabudeen, M. (2023, January). Web-Page Content Classification on Entropy Classifiers using Machine Learning. In 2023 International Conference for Advancement in Technology (ICONAT) (pp. 1-5). IEEE.
  16. Muthukumaran, V., Vasudevan, S., & Siddiqha, S. A. (2023). Secure Public Key Cryptosystem for in Smart City using Algebraic Structure. International Journal of Human Computations & Intelligence, 2(1), 20-25.
  17. Ahmed, S. T., Sreedhar Kumar, S., Anusha, B., Bhumika, P., Gunashree, M., & Ishwarya, B. (2020). A generalized study on data mining and clustering algorithms. In New Trends in Computational Vision and Bio-inspired Computing: Selected works presented at the ICCVBIC 2018, Coimbatore, India (pp. 1121-1129). Cham: Springer International Publishing.
  18. Kumar, S. S., Ahmed, S. T., Sandeep, S., Madheswaran, M., & Basha, S. M. (2022). Unstructured Oncological Image Cluster Identification Using Improved Unsupervised Clustering Techniques. Computers, Materials & Continua, 72(1).
  19. Singh, K. D., & Ahmed, S. T. (2020, July). Systematic linear word string recognition and evaluation technique. In 2020 international conference on communication and signal processing (ICCSP) (pp. 0545-0548). IEEE.
  20. Ahmed, S. T. (2017, June). A study on multi objective optimal clustering techniques for medical datasets. In 2017 international conference on intelligent computing and control systems (ICICCS) (pp. 174-177). IEEE.