Institutional Repository UIN Sunan Kalijaga YogyakartaRANCANG BANGUN SISTEM GENERATOR ANTARMUKA PENGGUNA BERBASIS ATOMIC DESIGNNIM.: 22106050021Mufid Bahaudin NugrohoauthorThe rapid growth of the modern software industry demands high-quality, consistent, and maintainable user interfaces (UI). Although Generative Artificial Intelligence (AI) technology has opened opportunities for automating UI code generation, the resulting code is often unstructured, difficult to maintain, and inconsistent with standardized component development patterns. This research aims to design and develop an Atomic Design-based UI generator system utilizing a Large Language Model (LLM) as its code generation engine. The system was developed using the Next.js framework, integrating frontend and backend layers within a unified framework, and utilizing the Google Gemini API as the LLM model. The Atomic Design approach was implemented through a layered prompt engineering technique that explicitly embeds the Atom, Molecule, Organism, Template, and Page hierarchy instructions into every prompt. The system supports three input modes Standard Prompt, Template Builder, and Structured Form to accommodate various user needs ranging from creative exploration to controlled academic testing. Evaluation was conducted through output testing and black-box testing across 12 functional scenarios. The results demonstrate that the system successfully generates UI components automatically in both HTML/Tailwind CSS and React JSX formats, with consistent and modular structures aligned with Atomic Design standards. All black-box testing scenarios achieved a Passed status. The layered prompt engineering mechanism proved effective in guiding the AI model to produce interface code that is consistent, modular, and compliant with Atomic Design principles.005.36 Software Development / Pengembangan Perangkat Lunak2026-06-04UIN SUNAN KALIJAGA YOGYAKARTA;FAKULTAS SAINS DAN TEKNOLOGIThesis

For work being deposited by its own author: In self-archiving this collection of files and associated bibliographic metadata, I grant Institutional Repository UIN Sunan Kalijaga Yogyakarta the right to store them and to make them permanently available publicly for free on-line. I declare that this material is my own intellectual property and I understand that Institutional Repository UIN Sunan Kalijaga Yogyakarta does not assume any responsibility if there is any breach of copyright in distributing these files or metadata. (All authors are urged to prominently assert their copyright on the title page of their work.)

For work being deposited by someone other than its author: I hereby declare that the collection of files and associated bibliographic metadata that I am archiving at Institutional Repository UIN Sunan Kalijaga Yogyakarta) is in the public domain. If this is not the case, I accept full responsibility for any breach of copyright that distributing these files or metadata may entail.

Clicking on the deposit button indicates your agreement to these terms.