Awesome GitHub RepositoriesUI Layout Auditing

This project is an AI frontend code generator and design system framework designed to convert visual references and images into functional frontend source code. It provides a system for translating image layouts and styling into code while ensuring layout and styling accuracy. The framework includes a prompt engineering library and portable style instructions that enforce the generation of complete, production-ready source code, preventing the use of placeholders or unfinished segments. It utilizes a multi-modal feedback loop and visual-to-code mapping to maintain consistency between high-fid

DoKit is a frontend development debugging toolset designed for web and mobile applications. It provides a suite of utilities for intercepting network traffic, mocking API responses, inspecting UI hierarchies, and monitoring mobile app performance. The project is distinguished by its focus on hybrid app inspection, allowing developers to execute scripts within web views and browse internal application sandboxes. It includes a visual UI audit tool with alignment rulers and color pickers to verify that interfaces match design specifications, as well as a diagnostic system that tracks CPU usage a

Masonry is a declarative UI layout engine and domain-specific language for defining layout constraints on iOS and macOS. It serves as a wrapper for native Apple layout constraints, providing a system for positioning views on a screen by declaring rules and priorities. The library implements a fluent interface that uses chainable method calls to define complex screen layouts. This approach replaces native configuration calls with an expressive syntax for generating layout rules. The engine includes capabilities for managing constraint priorities to resolve layout conflicts and tools for updat

QuestPDF is a C# PDF generation library and layout engine used to create structured documents, reports, and invoices. It utilizes a fluent API and a component-based layout approach to convert code into high-fidelity PDF and XPS files. The library distinguishes itself with a dedicated layout debugger that provides real-time previews, hot-reload capabilities, and visual boundary tools to map rendered elements back to source code. It also functions as an accessibility tool, providing semantic tagging and navigational aids to ensure documents comply with international accessibility and archival s

This project is a design system management tool and CSS manager used to extract visual patterns from code and enforce consistent design tokens across style definitions. It functions as an interface polishing tool that replaces generic default CSS values with refined tokens to improve overall visual quality. The system acts as a visual style recommender and design assistant, analyzing project files to infer application types and suggest appropriate configurations for spacing, depth, and borders. It also generates visual direction boards and reference mockups to establish a project's aesthetic