Tag

AI code generation

1 views collected around this technical thread.

DaTaobao Tech
DaTaobao Tech
May 7, 2025 · Frontend Development

Technical Summary of Front‑end AI Practices: AI Quadrant Model, Hongyan AI Coder, and Nextdy Aone Copilot

The article outlines a front‑end AI framework using an AI Four‑Quadrant model and presents two toolchains—Hongyan AI Coder, which automates design‑to‑code and raises productivity by over 30 % with up to 90 % UI generation, and Nextdy Aone Copilot, a VS Code extension that enables LLM‑guided code refactoring and migration via CI—supported by case studies and a roadmap toward a closed‑loop design‑to‑deployment workflow.

AI code generationFront-end AIToolchain
0 likes · 13 min read
Technical Summary of Front‑end AI Practices: AI Quadrant Model, Hongyan AI Coder, and Nextdy Aone Copilot
Architecture & Thinking
Architecture & Thinking
Apr 10, 2025 · Frontend Development

How I Used Zulu AI to Auto‑Generate a Full SVG‑to‑GIF Converter

In this article I describe how I leveraged Zulu's AI capabilities within VSCode to automatically generate a complete front‑end interface, back‑end conversion logic, and routing files for an SVG‑to‑GIF tool, complete with screenshots of the generated code and the final animated result.

AI code generationSVG to GIFautomation
0 likes · 4 min read
How I Used Zulu AI to Auto‑Generate a Full SVG‑to‑GIF Converter
Java Tech Enthusiast
Java Tech Enthusiast
Mar 29, 2025 · Frontend Development

Building a Twitter Image Card Browser Extension with Claude Sonnet and DeepSeek

In a side‑by‑side test on the Trae platform, the author used Claude Sonnet 3.5 to create a functional Twitter‑to‑image‑card browser extension in roughly twenty minutes, while DeepSeek‑R1 required multiple prompt iterations, manual bug fixes, and still produced visual glitches, demonstrating Claude’s superior reliability for frontend plugin generation.

AI code generationClaude SonnetDeepSeek
0 likes · 5 min read
Building a Twitter Image Card Browser Extension with Claude Sonnet and DeepSeek
Nightwalker Tech
Nightwalker Tech
Mar 2, 2025 · Fundamentals

Configuring and Using .cursorrules in Cursor for Project‑wide AI Code Generation

This guide explains what the .cursorrules file does, how to create and configure it in a project, best‑practice rules for specifying tech stacks, coding standards, libraries, file structures, performance and testing guidelines, and provides example configurations for frontend, backend, and data‑science stacks.

AI code generationCursorconfiguration
0 likes · 22 min read
Configuring and Using .cursorrules in Cursor for Project‑wide AI Code Generation
IT Services Circle
IT Services Circle
Feb 5, 2025 · Backend Development

Using DeepSeek AI to Implement Task Scheduling System Sharding

The author explores how DeepSeek V3 can assist in designing a task scheduling system's sharding logic, describing system components, slot allocation, and the AI's step‑by‑step code generation, analysis, and testing process.

AI code generationDeepSeekSharding
0 likes · 4 min read
Using DeepSeek AI to Implement Task Scheduling System Sharding
37 Interactive Technology Team
37 Interactive Technology Team
Oct 28, 2024 · Frontend Development

Challenges and Solutions in AI‑Generated Front‑End Code for Admin Panels

After six months of using AI to generate front‑end code for internal admin panels, the team found API typings perfect but UI components frequently flawed, leading them to adopt a key‑based modular strategy that replaces code‑subtraction with code‑addition, leverages reusable component libraries, and uses regex/AST fixes to reliably meet internal standards.

AI code generationTypeScriptVue
0 likes · 9 min read
Challenges and Solutions in AI‑Generated Front‑End Code for Admin Panels
Baidu Tech Salon
Baidu Tech Salon
Sep 26, 2024 · Artificial Intelligence

Baidu Comate Leads AI Code Generation Market According to Industry Reports

Baidu's Wenxin KuaiMa (Comate) leads the AI code generation market, ranking first in Sullivan and SuperCLUE evaluations across technical, product and market dimensions, supporting over 200 languages, boosting developer productivity, adopted by thousands of enterprises, with China's market projected to reach 33 billion yuan by 2028.

AI code generationArtificial IntelligenceBaidu Comate
0 likes · 9 min read
Baidu Comate Leads AI Code Generation Market According to Industry Reports
Code Mala Tang
Code Mala Tang
Jun 21, 2024 · Artificial Intelligence

How AI Turns UI Screenshots into Ready‑to‑Edit Front‑End Code

This article explains the Screenshot‑to‑Code project, detailing how AI‑driven image recognition converts UI screenshots into editable HTML, CSS, and JavaScript, describes the front‑end (React + Vite + Radix‑UI) and back‑end (Python + Poetry) architecture, showcases prompt engineering, and provides step‑by‑step setup instructions.

AI code generationReactfrontend development
0 likes · 14 min read
How AI Turns UI Screenshots into Ready‑to‑Edit Front‑End Code
Baidu Geek Talk
Baidu Geek Talk
Jun 19, 2024 · Frontend Development

YYF2C: Baidu YY's Figma & AI-Powered Design-to-Code Solution

YYF2C, Baidu and YY Interactive’s all‑in‑one Figma‑plus‑AI platform, transforms design files into high‑fidelity, semantically named code across web, React Native and admin components, offering plugins, light‑logic tags, DSL converters and SaaS management that together boost development efficiency by roughly fifteen percent.

AI code generationComponent LibraryDSL
0 likes · 11 min read
YYF2C: Baidu YY's Figma & AI-Powered Design-to-Code Solution
360 Quality & Efficiency
360 Quality & Efficiency
Jan 19, 2024 · Artificial Intelligence

Using Large Language Models to Rapidly Build Simple Frontend and Backend Test Tools

This article explains how to quickly create simple web‑based and backend test tools for internal use by leveraging a large language model to generate annotated HTML, CSS, JavaScript and minimal Flask code, outlining prompt design, tool requirements, and deployment tips to boost testing efficiency.

AI code generationRapid Prototypingbackend development
0 likes · 8 min read
Using Large Language Models to Rapidly Build Simple Frontend and Backend Test Tools
Java Captain
Java Captain
Jul 12, 2022 · Artificial Intelligence

GitHub Copilot’s Paid Model Sparks Community Backlash and Licensing Concerns

GitHub’s decision to charge $10 per month for Copilot has triggered strong community opposition, with the Software Freedom Conservancy quitting GitHub, developers warning of potential copyright infringement, and widespread debate over the ethics of monetizing AI trained on open‑source code.

AI code generationCommunity ReactionGitHub Copilot
0 likes · 4 min read
GitHub Copilot’s Paid Model Sparks Community Backlash and Licensing Concerns
Xianyu Technology
Xianyu Technology
Jun 5, 2019 · Mobile Development

UI2CODE Page Framework: Evolution and Architecture

The UI2CODE Page Framework evolves a unified, MVP‑based architecture—comprising Pages, Cards, and Reactions—that leverages AI‑driven code generation and Redux messaging to enable high‑cohesion, low‑coupling components, dramatically cut development time, and plans further AI integration for fully automatic page creation.

AI code generationFlutterMobile Development
0 likes · 8 min read
UI2CODE Page Framework: Evolution and Architecture
Xianyu Technology
Xianyu Technology
Dec 18, 2018 · Frontend Development

UI Semantic Parsing: From Image to Code with AI

The UI semantic parsing system uses NLP and YOLO‑based image recognition combined with rule‑based reasoning to automatically translate design images into readable Vue code, assigning semantic classes to elements, inferring layout hierarchies, and enabling data binding, thus bridging the gap between designers and front‑end developers.

AI code generationNLP analysisUI semantic parsing
0 likes · 9 min read
UI Semantic Parsing: From Image to Code with AI