This guide explains how to package UI design preferences and other reusable instructions into markdown‑based Agent Skills for Claude Code, enabling on‑demand loading, token savings, and modular AI‑driven website, SVG, PPT, and report generation.
This guide walks you through a complete workflow for creating high‑quality, pixel‑perfect user interfaces using Claude Code, covering prompt design, HTML/CSS extraction, style‑guide generation, iterative UI refinement, and building a Next.js app with Tailwind CSS.
The open‑source UI‑UG‑7B multimodal model from Alipay combines UI understanding and generation in a single framework, delivering state‑of‑the‑art performance across referring, grounding, captioning, and code generation tasks while dramatically speeding up UI creation for developers.
The article explains how Tencent’s Wuji low‑code platform uses a de‑templated, data‑first approach, automatic UI inference, progressive development layers, and AI assistance to let developers quickly build and customize a wide range of internal systems while maintaining integration and openness.
Windmill is an open‑source platform that converts scripts into interactive user interfaces and orchestrated workflows, offering automatic UI generation, multi‑language support, high‑performance Rust backend, and secure sandboxing, and can be self‑hosted via Docker Compose or Kubernetes for rapid internal tool development.
AS-Editor is a Vue-powered visual drag‑and‑drop page builder that generates UI from JSON, offering installation via npm, step‑by‑step usage with customizable components, and an open‑source repository for enhancing front‑end development efficiency, even in mobile projects.
This article describes how the Tongtian Tower platform breaks traditional R&D barriers by enabling zero‑code, one‑click conversion of design drafts into production‑ready floor layouts, detailing the underlying architecture, data processing pipeline, core capabilities, challenges faced, and future optimization plans.
This article describes how the Tongtian Tower team built an end‑to‑end design‑draft auto‑recognition system that parses Sketch JSON, converts it into a floor‑building DSL, and enables designers and operators to generate and fine‑tune floor layouts with up to 40% higher efficiency.
The Xianyu team’s new “black‑tech” system automatically transforms UI mockup images into production‑ready code by detecting components with deep‑learning models, extracting layouts via OpenCV, and employing a modular stream‑oriented architecture of units, tasks, and server layers that enables rapid testing, flexible composition, and future enhancements such as improved container recognition and semantic understanding.
At Google I/O 2018, Xianyu’s team showcased their large‑scale adoption of Flutter—highlighting a hybrid architecture, AI‑driven UI‑to‑code generation workflow, collaboration with the Flutter team, and insights from the event’s Flutter party and the CEO’s Duplex AI demo.
