Tagged articles
19 articles
Page 1 of 1
Lao Guo's Learning Space
Lao Guo's Learning Space
Apr 18, 2026 · Artificial Intelligence

How Alibaba’s Meoo Lets Anyone Build a Full Website in One Minute

Alibaba’s Meoo is a zero‑code AI tool that claims to turn a natural‑language idea into a complete front‑ and back‑end web application in about a minute, using four domestic large models, a swarm‑Agent architecture, and deep integration with Alibaba Cloud, while offering dramatic time‑saving compared to traditional development.

AI agentsAI code generationAlibaba
0 likes · 10 min read
How Alibaba’s Meoo Lets Anyone Build a Full Website in One Minute
SuanNi
SuanNi
Mar 27, 2026 · Artificial Intelligence

Can AI Build a Whole Website From One Sentence? Inside Google’s Flash‑Lite Browser

Google DeepMind’s experimental Flash‑Lite Browser uses the Gemini 3.1 Flash‑Lite model to generate complete, interactive web pages in real time from natural‑language prompts, eliminating traditional front‑end development cycles and reshaping how users and developers experience the web.

AIFlash-Lite BrowserGemini 3.1
0 likes · 9 min read
Can AI Build a Whole Website From One Sentence? Inside Google’s Flash‑Lite Browser
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Mar 26, 2026 · Frontend Development

What Is CDP? Mastering the Frontend Debugging Toolchain

The article explains Chrome DevTools Protocol (CDP) as the JSON‑over‑WebSocket interface that lets external programs control Chrome, details its request/response and event model, shows a raw Node.js client, compares built‑in DevTools panels to CDP domains, and surveys the ecosystem of tools such as Puppeteer, Playwright, Cypress and Lighthouse that are built on top of CDP.

CDPChrome DevTools ProtocolNode.js
0 likes · 11 min read
What Is CDP? Mastering the Frontend Debugging Toolchain
Old Meng AI Explorer
Old Meng AI Explorer
Feb 1, 2026 · Artificial Intelligence

How Kimi K2.5 AI Turns Video into High‑Quality Front‑End Designs and Code

The Kimi K2.5 open‑source multimodal model lets users upload a website video and automatically reproduces its visual design, layout, animations, and even generates functional front‑end code, while its companion Kimi Code tool accelerates development from days to minutes, outperforming leading closed‑source models in benchmark tests.

AI code generationK2.5 modelKimi Code
0 likes · 8 min read
How Kimi K2.5 AI Turns Video into High‑Quality Front‑End Designs and Code
Instant Consumer Technology Team
Instant Consumer Technology Team
Nov 6, 2025 · Frontend Development

How AI Accelerates Frontend Development: Building an Auto‑Switch Proxy Browser Extension

This article explores how modern AI IDEs like Cursor and Trae empower developers to rapidly prototype and implement a Chrome extension that automatically switches Whistle proxy rules, generate project scaffolding in minutes, and produce comprehensive documentation through AI‑driven analysis and prompt engineering.

AI-assisted developmentPrompt engineeringWhistle proxy
0 likes · 19 min read
How AI Accelerates Frontend Development: Building an Auto‑Switch Proxy Browser Extension
Practical DevOps Architecture
Practical DevOps Architecture
Oct 14, 2025 · Artificial Intelligence

Master AI Agents: From Basics to Advanced Multi-Model Development

This comprehensive AI agent development course covers 18 chapters, ranging from fundamental concepts and architecture to large‑model integration, tool and browser control, memory, RAG self‑learning, sandboxing, database manipulation, multi‑agent architectures, code assistance, and a real‑world frontend automation project, complete with source code and documentation.

AI agentsLangChainLarge Language Models
0 likes · 3 min read
Master AI Agents: From Basics to Advanced Multi-Model Development
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Oct 6, 2025 · Frontend Development

Turn VSCode into a Chrome Remote Debugger with DevTools MCP

Facing page white‑screens, slow first‑paint metrics, and endless compatibility screenshots, developers can now use Chrome DevTools MCP—a new AI‑driven protocol that packages all DevTools capabilities into callable interfaces—to automate debugging, performance analysis, and testing directly from editors like Trae and VSCode, boosting efficiency threefold.

AI debuggingChrome DevToolsMCP
0 likes · 8 min read
Turn VSCode into a Chrome Remote Debugger with DevTools MCP
Eric Tech Circle
Eric Tech Circle
May 15, 2025 · Frontend Development

Generate Complete Multi‑File UI Prototypes with One Prompt Using Claude 3.7 and Cursor

The author shares a hands‑on experience with Anthropic's Claude 3.7 and the Cursor AI editor, identifies key pain points of fragmented code generation, and presents a redesigned prompt that produces all HTML prototype files in a single request, complete with a reusable template, usage scenarios, and visual results.

Claude 3.7Cursor AIPrompt engineering
0 likes · 7 min read
Generate Complete Multi‑File UI Prototypes with One Prompt Using Claude 3.7 and Cursor
Alibaba Cloud Developer
Alibaba Cloud Developer
Mar 31, 2025 · Frontend Development

How AI Tools Can Supercharge Your Full‑Stack Development from Zero to One

This article chronicles a step‑by‑step journey of using multiple AI‑driven tools to overcome resource bottlenecks, build small utilities, integrate front‑end code, and implement a complete dataset‑management feature in a full‑stack application, highlighting practical tips and pitfalls.

AI toolsBackend IntegrationFull-Stack Development
0 likes · 12 min read
How AI Tools Can Supercharge Your Full‑Stack Development from Zero to One
Eric Tech Circle
Eric Tech Circle
Mar 3, 2025 · Frontend Development

Auto‑Generate Complete UI Prototypes with Claude 3.7 and Cursor

This guide shows how a full‑stack engineer can leverage Claude 3.7 Sonnet together with the Cursor AI editor to automatically create a full set of UX mock‑ups and HTML code for a Pilates fitness app, using prompt engineering, Ask mode, and step‑by‑step code aggregation.

Claude 3.7Cursor AIHTML generation
0 likes · 4 min read
Auto‑Generate Complete UI Prototypes with Claude 3.7 and Cursor
Ctrip Technology
Ctrip Technology
Aug 15, 2024 · Frontend Development

TaskHub: Frontend Automation Platform and RPC BFF Design Practices

TaskHub is a front‑end automation platform that separates core and auxiliary modules to improve task scheduling, logging, and debugging, featuring a decoupled engine, RPC BFF architecture, and real‑world use cases that demonstrate faster issue resolution, task termination, and overall development efficiency.

TypeScriptfrontend automationlogging
0 likes · 19 min read
TaskHub: Frontend Automation Platform and RPC BFF Design Practices
JD Tech
JD Tech
Jan 23, 2024 · Frontend Development

Design‑to‑Code Platform Overview and Its Impact on Frontend Development Efficiency

This article explains JD's design‑to‑code platform that leverages AI to automatically transform design drafts into front‑end code, detailing the typical frontend workflow, the platform's capabilities and limitations, and how it improves development productivity for financial app teams.

AIUI conversioncode-generation
0 likes · 11 min read
Design‑to‑Code Platform Overview and Its Impact on Frontend Development Efficiency
ByteFE
ByteFE
Aug 9, 2023 · Frontend Development

Semi D2C: Design‑to‑Code System for Accelerating Frontend UI Development

The article introduces Semi D2C, a design‑to‑code solution built by the Douyin frontend team that converts Figma design files into reusable JSX/CSS code, explains its capabilities, implementation details, challenges, benefits for designers and developers, and how it differs from other D2C approaches.

Component RecognitionFigmaSemi UI
0 likes · 26 min read
Semi D2C: Design‑to‑Code System for Accelerating Frontend UI Development
Ctrip Technology
Ctrip Technology
Mar 2, 2023 · Frontend Development

Design2Code (D2C) Tool: Core Algorithm Design and Implementation for Frontend Code Generation

This article presents the Design2Code (D2C) tool, detailing its background, core algorithmic concepts, industry landscape, implementation architecture, layout reconstruction techniques, visual constraints, and future plans, aiming to improve front‑end development efficiency by automatically converting design drafts into production‑ready code.

code-generationdesign2codefrontend automation
0 likes · 13 min read
Design2Code (D2C) Tool: Core Algorithm Design and Implementation for Frontend Code Generation
Alibaba Terminal Technology
Alibaba Terminal Technology
Nov 26, 2020 · Frontend Development

How AI Is Transforming Front‑End Development: Inside Alibaba’s imgcook and D2C Innovations

This article examines the evolution of AI‑driven front‑end code generation—from early research like pix2code to Alibaba’s imgcook platform—detailing technical architectures, performance metrics, intelligent capability upgrades, and future directions for automated UI‑to‑code solutions.

AI code generationD2CPipcook
0 likes · 22 min read
How AI Is Transforming Front‑End Development: Inside Alibaba’s imgcook and D2C Innovations
Taobao Frontend Technology
Taobao Frontend Technology
Nov 20, 2020 · Frontend Development

How AI Is Transforming Front‑End Development: Inside Alibaba’s imgcook Success

This article examines the evolution of AI‑driven code generation for front‑end development, detailing the imgcook platform’s technical principles, performance metrics, intelligent capability upgrades, and its impact on development efficiency and workflow during Alibaba’s 2020 Double‑11 campaign.

AI code generationD2CUI to code
0 likes · 22 min read
How AI Is Transforming Front‑End Development: Inside Alibaba’s imgcook Success
GF Securities FinTech
GF Securities FinTech
Sep 2, 2020 · Frontend Development

Master Frontend Automation: Deploy with GitLab CI from Scratch

This comprehensive guide walks frontend developers through the concepts, benefits, and step‑by‑step implementation of automated deployment using GitLab CI, covering pipeline mechanics, runner configuration, YAML syntax, practical .gitlab-ci.yml examples, common pitfalls, and advanced features to streamline continuous integration and delivery.

DeploymentGitLab CIGitLab Runner
0 likes · 22 min read
Master Frontend Automation: Deploy with GitLab CI from Scratch
Taobao Frontend Technology
Taobao Frontend Technology
Jun 2, 2020 · Artificial Intelligence

How AI Can Auto‑Detect UI Components for Seamless Front‑End Code Generation

This article explains how to use deep‑learning object detection to automatically recognize UI components in design drafts, generate a smart JSON description, and convert it into component‑based front‑end code, covering problem analysis, dataset preparation, algorithm selection, model training, evaluation, and deployment.

AIPipcookUI detection
0 likes · 30 min read
How AI Can Auto‑Detect UI Components for Seamless Front‑End Code Generation