The invention relates to a device for automatically realizing visual reuse of a Web system, which relates to the field of information technology, in particular to a Web front-end development technology. The device of the invention is composed of a bottom module set and an upper application set. The bottom module set consists of a component module, a page layout module, a style management module, aNodejs service module, a user-defined template analysis module and a system construction module. The upper application set consists of a page prototyping tool, an editable large-screen resource library, a page rapid production tool, a user-defined template development tool and an open source technology page development tool. The device of the invention adopts the mode of combining the server technology and the browser technology, so that the Web front-end code is developed by using a unified development pattern, when the system is developed, the most advanced Web front-end technology can be integrated. After the system is developed, the code that meets the production requirements can be generated by compiling tools, so that the Web development process becomes more pure, and the browser compatibility related problems need not to be considered too much in the development process,and the development efficiency and the development quality can be improved.