The article is devoted to the analysis and systematization of principles for designing scalable frontend architectures aimed at effective integration with artificial intelligence (AI) systems. The relevance of the study is determined by the exponential growth of the use of AI technologies, including generative models, in user interfaces, which generates new, increased requirements for the flexibility, performance, and fault tolerance of front-end systems. The scientific novelty of the work consists in the formulation of a comprehensive architectural model based on the author’s practical experience in the domain of AdTech/MediaTech platforms. Within the framework of the study, the main challenges of integrating AI into the frontend are identified and structured, including state management, rendering of dynamic content, and ensuring low response latency. Contemporary design approaches are analyzed, including micro-frontends, server-side rendering, and API-first design. Particular emphasis is placed on the principles of system decomposition, performance optimization, and compliance with digital accessibility requirements. The purpose of the work is to develop and theoretically substantiate a set of architectural principles intended for building scalable frontend systems capable of natively interacting with AI services. To achieve this goal, methods of systems analysis of scientific literature, comparative analysis of architectural patterns, as well as the case study method based on the author’s practical experience, are employed. In conclusion, the proposed modular AI-integrated architecture (MAI-FA) is presented, and conclusions are formulated regarding its applicability in the context of high-load and complex web systems. The findings presented in the article will be of interest to frontend architects, lead developers, and technical managers involved in the design of complex web applications with intensive use of AI.

frontend architecture, artificial intelligence, scalability, systems design, AI integration, micro-frontends, AdTech, generative AI, web application performance, architectural patterns, digital accessibility (a11y)

Tkachenko, O., Chechet, A., Chernykh, M., Bunas, S., & Jatkiewicz, P. (2025). Scalable Front-End Architecture: Building for Growth and Sustainability. Informatica, 49(1), 137-150.

Shukla, A. (2025). System design for AI engineering: Adaptive architectures for real-world scalable AI applications. International Journal of Computer Applications, 187 (25), 34-39.

Yiannoudes, S. (2025). Shaping Architecture with Generative Artificial Intelligence: Deep Learning Models in Architectural Design Workflow. Architecture, 5(4), 94.

Moussaoui, J.-E., Kmiti, M., El Gholami, K., & Maleh, Y. (2025). A Systematic Review on Hybrid AI Models Integrating Machine Learning and Federated Learning. Journal of Cybersecurity and Privacy, 5(3), 41.

Palli, S. H. (2023). Design Patterns and Performance Strategies for Scalable Frontend Applications, 9 (4), 676-684.

Jain, S. (2020). Synergizing Advanced Cloud Architectures with Artificial Intelligence: A Paradigm for Scalable Intelligence and Next-Generation Applications. Technix International Journal for Engineering Research, 7 (3), 1-12.

Vepsäläinen, J., Hellas, A., & Vuorimaa, P. (2024). Overview of web application performance optimization techniques. International Conference on Web Information Systems and Technologies. Cham: Springer Nature Switzerland, 1-19.

Prakash Mathew. (2025). Front-End Performance Optimization for Next-Generation Digital Services. Journal of Computer Science and Technology Studies, 7(4), 993-1000.

Prajwal, Y., Parekh, J. V., & Shettar, R. (2021). A brief review of micro-frontends. United International Journal for Research and Technology, 2(8), 123-126.

Morozova, O.I. (2025). The future of AI-powered digital accessibility. Aubergine Solutions. Retrieved from: https://www.aubergine.co/insights/the-future-of-ai-powered-digital-accessibility (date of access: 13.10.2025).