BestHub
Sign in
Tagged articles
6 articles
Page 1 of 1
Frontend AI Walk
Frontend AI Walk
Mar 14, 2026 · Artificial Intelligence

Advanced AI Coding Workflow: Use Figma MCP to Read Designs and YApi MCP to Read APIs for Ready‑to‑Deploy Development

This guide shows how to replace the manual hand‑copying of design specs and API fields with an engineered AI workflow that reads Figma frames via Figma MCP and API schemas via YApi MCP, then generates reusable React + Tailwind code, type definitions, and integration steps for immediate delivery.

AI programmingFigmaMCP
0 likes · 14 min read
Advanced AI Coding Workflow: Use Figma MCP to Read Designs and YApi MCP to Read APIs for Ready‑to‑Deploy Development
Sohu Tech Products
Sohu Tech Products
Aug 16, 2023 · Frontend Development

Interface-Driven Frontend Development: Automating Code Generation with yapi-to-all

The article presents yapi-to-all, an interface‑driven tool that automatically generates TypeScript definitions, service functions with useRequest, and page templates from YAPI documentation, eliminating repetitive coding, improving project management and code quality, already producing over 50,000 lines across seven projects, with future AI‑enhanced extensions planned.

API ManagementCode GenerationTypeScript
0 likes · 13 min read
Interface-Driven Frontend Development: Automating Code Generation with yapi-to-all
Baidu Geek Talk
Baidu Geek Talk
Jul 4, 2022 · Backend Development

Integrating Swagger with Yapi for Automated API Documentation in Go

This guide shows how to install Go‑Swagger, annotate Go code with Swagger comments, generate a swagger.json file, serve it via Nginx, and configure Yapi to automatically import the spec, creating a seamless, always‑up‑to‑date API documentation pipeline for front‑end and back‑end teams.

API documentationAutomationGo
0 likes · 14 min read
Integrating Swagger with Yapi for Automated API Documentation in Go
Baidu Geek Talk
Baidu Geek Talk
Dec 29, 2021 · Backend Development

How to Seamlessly Sync Swagger Docs to Yapi for Automatic API Updates

This guide explains how to keep Swagger annotations in sync with Yapi by generating a swagger.json file, exposing it via Nginx, and configuring Yapi’s automatic import, so that API documentation updates automatically after each code change without manual effort.

API documentationAutomationGo
0 likes · 14 min read
How to Seamlessly Sync Swagger Docs to Yapi for Automatic API Updates
macrozheng
macrozheng
Dec 9, 2020 · Backend Development

Boost Your API Workflow: A Complete Guide to Installing and Using YApi with Swagger

This tutorial walks you through installing YApi, configuring its environment, importing Swagger definitions, managing interfaces, leveraging mock data, enabling automatic sync, and handling permission management, providing a powerful, secure API documentation solution for backend developers.

API ManagementBackend DevelopmentInstallation
0 likes · 9 min read
Boost Your API Workflow: A Complete Guide to Installing and Using YApi with Swagger