AI编程:修订间差异

无编辑摘要
 
第34行: 第34行:
产出:UI 设计稿 或 前端交互原型。
产出:UI 设计稿 或 前端交互原型。


==== 直接生成 ====
直接提示词,搭配skill,直接生成界面。
*ui-ux-pro-max-skill, https://www.uupm.cc, https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
==== 原型工具 ====
AI提示词给原型工具,交互式生成UI,再导出编程。
* google stitch
* pencil.dev
* figma
==== 原型图 ====
先生成图,再给AI还原,或者先给原型工具,再导出。
* 即梦
* GPT Image 2


=== 技术选型与架构设计 ===
=== 技术选型与架构设计 ===

2026年5月11日 (一) 03:08的最新版本

AI编程是利用AI技术来自动生成、补全、优化代码,提高开发效率。

工具

AI代码补全与代码助手

  • GitHub Copilot

Tabnine

  • Codeium

AI IDEs

  • Cursor
  • Trae AI IDE

AI 编码代理

编程大模型

AI开发App

想法验证与需求分析

把模糊的想法变成可执行的文档。明确问题与目标:描述App解决什么痛点、目标用户、核心功能等。 工具:ChatGPT / DeepsSeek / Claude / Gemini 操作:向 AI 描述你的初步想法。例如:“我想做一个针对小学生的阅读进度记录 App,需要有勋章系统和家长端。请帮我梳理核心功能点和用户流程图。” 验证可行性:AI生成市场分析 产出:PRD(产品需求文档) 和功能清单。

UI/UX 设计

产出:UI 设计稿 或 前端交互原型。

直接生成

直接提示词,搭配skill,直接生成界面。

原型工具

AI提示词给原型工具,交互式生成UI,再导出编程。

  • google stitch
  • pencil.dev
  • figma

原型图

先生成图,再给AI还原,或者先给原型工具,再导出。

  • 即梦
  • GPT Image 2

技术选型与架构设计

开发编码

测试

用 AI 批量生成测试用例,自动执行和查错。

构建与部署

上线监控与持续迭代