INTELLISITE AI: A UNIFIED AI-AUGMENTED WEB DEVELOPMENT ENVIRONMENT WITH REAL-TIME CODE PREVIEW AND DESIGN AUTOMATION

Abstract

Web development and Artificial Intelligence (AI) are rapidly evolving fields poised to transform web interactions. Web development involves website and web application creation and maintenance, while AI focuses on intelligent systems capable of learning and adaptation. Although these areas have gained momentum, the front-end web development integration remains fragmented and disjointed. Developers use diverse applications and libraries, which is time-consuming and error-prone, including browser tabs for web-based documentations, Figma, code editors, Adobe XD, Visual Studio Code, and preview windows. This juggling results in inefficiencies and a higher error rate, coupled with context switching. There is a need for an application that reflects live viewing of changes to the code and designs to minimize the browser tabs required. To resolve these issues, this research suggests the development of an Intelligent Web Designer to provide a unified platform that enables rapid and smooth design-to-code workflows by way of natural language interaction. We integrate a natural language chatbot, a live code editor, with a drag‑and‑drop graphical user interface for visual layout, all within a single web application. Pages are visually designed by developers as they issue commands, observing code changes immediately reflecting the live preview, thus eliminating recompilation delays and reducing open tools. The design workflow process is streamlined, and errors are minimized by way of this tight coupling of design, code, and content generation. The performance of IntelliSite AI is also assessed to provide the best usability, accuracy, responsiveness, and user experience. On the whole, the suggested solution provides an approach that is effective and novel for streamlining the design workflow process with AI-augmented front‑end development and effective evaluation.