BestHub
Sign in
Tagged articles
20 articles
Page 1 of 1
Design Hub
Design Hub
Jan 12, 2026 · Artificial Intelligence

Visual AI Prompt Editor Eliminates ‘Spell’ Anxiety, Tweaks Like Ordering Food

The article introduces a visual AI prompt editor that transforms lengthy, complex prompt strings into modular, editable Chinese sections, demonstrating the workflow with two examples—converting a “California girl” portrait to an Asian style and re‑imagining a cinematic skyscraper scene—while detailing step‑by‑step usage and JSON export options.

AI prompt engineeringJSON exportLLM
0 likes · 11 min read
Visual AI Prompt Editor Eliminates ‘Spell’ Anxiety, Tweaks Like Ordering Food
AI Insight Log
AI Insight Log
Dec 13, 2025 · Frontend Development

Does Cursor Copy Trae? Inside the New Visual Editor Turning IDEs into Full‑Featured Browsers

The article reviews Cursor's new Visual Editor, showing how it embeds a reinforced browser, drag‑and‑drop DOM editing, visual CSS tweaks, and integrated DevTools, then compares these capabilities with Trae's SOLO mode, highlighting strengths, limitations, and the broader ambition to close the front‑end development loop inside the IDE.

AI coding toolsBrowser IntegrationCursor
0 likes · 8 min read
Does Cursor Copy Trae? Inside the New Visual Editor Turning IDEs into Full‑Featured Browsers
Goodme Frontend Team
Goodme Frontend Team
Dec 11, 2023 · Frontend Development

How We Built a Self‑Service Form Builder for Non‑Developers Using Formily

Facing frequent interruptions from operations requesting custom forms, we created a self‑service form‑building platform that lets non‑technical staff configure forms visually, using a decoupled iframe editor, postMessage communication, automatic JSON schema generation from TypeScript definitions, and both SchemaReactions and Effects for dynamic logic.

FormilyFrontend ArchitectureVisual Editor
0 likes · 18 min read
How We Built a Self‑Service Form Builder for Non‑Developers Using Formily
Baidu Intelligent Cloud Tech Hub
Baidu Intelligent Cloud Tech Hub
Oct 28, 2022 · Frontend Development

Designing Flexible Low‑Code Component Systems: Insights from Baidu’s AI‑SuDa Platform

This article explains how Baidu AI Cloud's low‑code platform AI‑SuDa builds a flexible component system, covering the transition from UI libraries to declarative low‑code components, detailed React examples, visual editor configuration, component registration, data binding, and event‑action mechanisms for efficient application development.

Component DesignReactVisual Editor
0 likes · 21 min read
Designing Flexible Low‑Code Component Systems: Insights from Baidu’s AI‑SuDa Platform
Baidu Intelligent Cloud Tech Hub
Baidu Intelligent Cloud Tech Hub
Jul 22, 2022 · Frontend Development

How Baidu’s AMIS Powers the Aisuda Low‑Code Platform: Architecture Deep Dive

This article provides a comprehensive, unbiased overview of Baidu's low‑code platform architecture, detailing the AMIS front‑end framework, the Aisuda visual editor, data scope handling, API proxy and orchestration, custom component integration, and backend services, offering practical guidance for both platform procurement and self‑development.

API proxyVisual EditorWorkflow Engine
0 likes · 22 min read
How Baidu’s AMIS Powers the Aisuda Low‑Code Platform: Architecture Deep Dive
Xianyu Technology
Xianyu Technology
Jul 6, 2022 · Frontend Development

Moyu Page Builder: Architecture, Schema Design, and Implementation for Xianyu Frontend

Moyu Page Builder is a low‑code visual editor for Xianyu that lets operations staff configure page content and dynamic data via extended JSON Schema mapped to Ant Design components, streamlining front‑end development, reducing collaboration overhead, improving first‑screen performance, and enabling time‑based, audience‑targeted scheduling.

FormilyVisual Editorfrontend
0 likes · 10 min read
Moyu Page Builder: Architecture, Schema Design, and Implementation for Xianyu Frontend
Baidu Geek Talk
Baidu Geek Talk
May 31, 2022 · Frontend Development

How Baidu’s AMIS Powers the Aisuda Low‑Code Platform: Architecture, Rendering, and API Integration

This article provides a comprehensive technical overview of Baidu's AMIS low‑code front‑end framework and the Aisuda platform, covering its architecture, JSON‑to‑React rendering pipeline, data domain handling, API mapping, visual editor, and supporting backend services for enterprise use.

API proxyData MappingVisual Editor
0 likes · 22 min read
How Baidu’s AMIS Powers the Aisuda Low‑Code Platform: Architecture, Rendering, and API Integration
BaiPing Technology
BaiPing Technology
May 9, 2022 · Frontend Development

How We Built a Low‑Code Page Builder for the 百瓶 App: Lessons & Architecture

This article details the motivation, design decisions, architecture, and practical outcomes of creating a low‑code page‑building platform for the 百瓶 app, highlighting challenges in traditional development, the benefits of free layout, data and behavior centers, and future roadmap considerations.

Data centerVisual Editorbehavior engine
0 likes · 18 min read
How We Built a Low‑Code Page Builder for the 百瓶 App: Lessons & Architecture
Programmer DD
Programmer DD
Jan 25, 2022 · Frontend Development

Boost Your React Workflow with Mometa: A Low‑Code Visual Editor

Mometa, the top‑ranked GitHub trend this week, is a low‑code, meta‑programming tool that offers visual code editing, customizable material libraries, React support, and seamless integration with existing projects, enabling developers to quickly prototype, edit, and transition between visual and code modes.

ReactVisual Editorfrontend
0 likes · 6 min read
Boost Your React Workflow with Mometa: A Low‑Code Visual Editor
Alibaba Cloud Developer
Alibaba Cloud Developer
Oct 8, 2021 · Frontend Development

How IoT Studio Implements Undo/Redo with Command and Snapshot Patterns

This article explains the design and implementation of undo and redo functionality in the IoT Studio visual builder, comparing snapshot and command (operation) approaches, detailing transaction handling, a doubly‑linked‑list history manager, and exploring hybrid solutions such as immutable.js and Git‑style diff storage.

Command PatternRedoUNDO
0 likes · 9 min read
How IoT Studio Implements Undo/Redo with Command and Snapshot Patterns
Product Technology Team
Product Technology Team
Jan 28, 2021 · Frontend Development

Zhenkunxing’s Frontend Overhaul 2020‑2021: Visual Editors, UI Libraries & Low‑Code

From 2020 to 2021, Zhenkunxing built a visual‑editing service, a unified UI component library, standardized development, compilation and deployment pipelines, a front‑end portal, an online‑form system, an OKR tool, and a micro‑frontend BOSS platform, while planning a low‑code platform to boost efficiency and scalability.

Component LibraryDevOpsVisual Editor
0 likes · 14 min read
Zhenkunxing’s Frontend Overhaul 2020‑2021: Visual Editors, UI Libraries & Low‑Code
37 Mobile Game Tech Team
37 Mobile Game Tech Team
Jan 6, 2021 · Frontend Development

Building a Vue‑Based Visual Editor: Architecture, JSON Schema & Drag‑Drop

This article outlines the design and implementation of a Vue‑powered visual editor, covering its three‑part architecture (editor, component library, backend), JSON schema hierarchy, component creation and configuration, state management with Vuex, drag‑and‑drop mechanics, and server‑side rendering.

Component LibraryDrag-and-DropJSON Schema
0 likes · 15 min read
Building a Vue‑Based Visual Editor: Architecture, JSON Schema & Drag‑Drop
Aotu Lab
Aotu Lab
Dec 31, 2020 · User Experience Design

How JD’s Linglong Platform Revolutionized Multi‑Channel Visual Page Design

This article details the evolution of JD’s Linglong intelligent page design platform, covering its origins, component‑based visual editor, multi‑platform capabilities, modular architecture, and diverse application scenarios such as activity pages, interactive marketing, mini‑programs, and store fronts.

UI/UXVisual Editorpage builder
0 likes · 16 min read
How JD’s Linglong Platform Revolutionized Multi‑Channel Visual Page Design
WecTeam
WecTeam
Nov 22, 2019 · Frontend Development

Top Frontend Insights: Nginx Tricks, CSS Rendering, Visual Editors & More

This weekly roundup from WecTeam highlights essential frontend topics—including practical Nginx tips for developers, CSS rendering fundamentals, strategies for building visual editors, declarative UI on mini‑program platforms, and engineering practices for React and TypeScript—offering concise overviews and links to the full articles.

CSSNGINXVisual Editor
0 likes · 6 min read
Top Frontend Insights: Nginx Tricks, CSS Rendering, Visual Editors & More
JD Retail Technology
JD Retail Technology
Jul 25, 2018 · Frontend Development

Design and Architecture of JD.com’s Tongtian Tower Visual Activity Page Builder

The article explains how JD.com’s Tongtian Tower platform enables non‑technical operators to create activity pages through a React‑based visual editor, detailing its background, design goals, component architecture, template definition, data handling, quality assurance measures, and future development directions.

JD.comReactVisual Editor
0 likes · 9 min read
Design and Architecture of JD.com’s Tongtian Tower Visual Activity Page Builder
Qunar Tech Salon
Qunar Tech Salon
Aug 31, 2017 · Frontend Development

Design and Implementation of a Component‑Based Special Activity Page Platform

This article describes the business background, pain points, and a component‑based solution for rapidly building and iterating promotional activity pages, covering system design, front‑end architecture, component library, visual editor, back‑end services, fast iteration practices, and future development plans.

Frontend ArchitectureVisual Editorcomponent-based
0 likes · 15 min read
Design and Implementation of a Component‑Based Special Activity Page Platform
Hujiang Technology
Hujiang Technology
Jun 13, 2017 · Frontend Development

Designing Data Structures for a Visual H5 Page Editor (Web IDE)

The article explains how to design a data‑driven architecture for a visual H5 page editor, detailing the abstraction of pages, elements, and history into structured objects, and showing how front‑end developers can map complex UI interactions to clean, editable data models.

Data StructureH5Visual Editor
0 likes · 14 min read
Designing Data Structures for a Visual H5 Page Editor (Web IDE)