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 编码代理
- Claude Code
- OpenCode,开源的AI编码代理工具。
编程大模型
AI开发App
想法验证与需求分析
把模糊的想法变成可执行的文档。明确问题与目标:描述App解决什么痛点、目标用户、核心功能等。 工具:ChatGPT / DeepsSeek / Claude / Gemini 操作:向 AI 描述你的初步想法。例如:“我想做一个针对小学生的阅读进度记录 App,需要有勋章系统和家长端。请帮我梳理核心功能点和用户流程图。” 验证可行性:AI生成市场分析 产出:PRD(产品需求文档) 和功能清单。
UI/UX 设计
产出: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
技术选型与架构设计
开发编码
测试
用 AI 批量生成测试用例,自动执行和查错。