AI辅助开发的一些实践（42分钟完整模块开发录屏）

前言

好久没有更新文章了，最近因为一些工作上的事情，领导想让我在团队中负责 ai 的落地，带领团队进行实践。趁此机会刚好发一篇文章记录一下。其实关于 ai 辅助开发我从2023年10月通义灵码第一次发布的时候就开始接触并使用了，后续2024年底开始使用 cursor 付费版。

管理系统ai辅助开发录屏

视频中的开发速度是基于已存在的基础业务组件，如果没有这些业务组件开发效率不会这么快。项目中如果没有业务组件，那么封装业务组件是必须的，为了代码质量以及后续维护的便捷度。

42分钟开发视频地址

管理系统业务组件封装参考我之前的这篇文章 ，该文章对于现在的我，写法还有很大优化空间，毕竟快三年了，但是设计思想是不过时的，大家可以参考一下，封装组件也是 ai 的强项，可以用 ai 进行协助。 #技术分享

ai如何落地

市面上目前推出的各种编程 ai 宣传视频以及示例都指向无代码，或者尽量不写代码的方式。宣传它们有多快多智能。但实际落地到项目中完全不是一回事。因为你不能保证你写的项目是新项目，如果是老旧项目，如果是无规范项目，如果是对 UI 样式要求1:1还原的项目，此时 ai 很难在一开始让你进行生产力提速。

对ai的期望

大部分对它的期望都是快速提升生产力，并产出高质量，高可维护性的代码。我个人的实践后其实更多偏向于渐进式的提升。不要想着一上来 ai 就要解决项目中的问题和痛点。因为这些痛点如果你原来没有能力解决，那么现在依然解决不了，ai 是让你已经有解决问题的能力后加速你解决问题的过程，而不是你都不知道怎么解决问题，它就能帮你解决问题。

ai的痛点

对于前端开发来说，高保真的还原 ui 图的项目，比如 app，小程序，官网，广告页等。这种情况下不管是图生代码还是文生代码，你都会发现生成的代码没法用，样式会有差距，此时你就需要去修改或者验证，这种情况下其实比自己直接写样式结构还要慢，因为自己写你不需要去验证。因为写的过程就是验证过程。

渐进式应用ai的几个典型场景

碎片化提示

当你安装 ai 后，你就当它不存在，正常去进行你原来的开发任务。此时你在开发过程中会发现它开始给你进行提示了。选择对你有用的提示。当你开发几个模块后，不管是样式结构或者是业务功能，它都会帮助你，而你也逐渐开始习惯了它的存在。

提问

当你有无法解决的业务功能（函数算法），你可以直接添加当前目录为上下文，并向 ai 发起提问，提问的结构要清晰，比如我要什么什么。典型的就是我有一个数据结构[1,2,3]想让它变为'1,2,3'。给 ai 提问时提供你的输入以及你想要的输出。此时 ai 就会给你完成从输入到输出的计算过程或转换方式。不管任何问题你只要明确你的输入和输出，ai 就能很快理解。

代码优化

当你已经习惯 ai 的存在后，如果你的开发能力并不强，且你发现你在项目中有很多痛点，比如维护困难，提效速度慢，此时你应该逐步去解决这些问题，以组件为例子，当你写好一个组件后，你让它帮你优化这个组件，达到使用方便，扩展方便。

ai的真正作用

我个人认为 ai 的作用并不是提效，对于企业或者老板来说他们肯定是觉得提效是最重要的，但是对于个人来说我觉得不是。你应该把 ai 当做一个技术很强且全面的老师，你要学习它每次给你优化后的代码，学习这些优秀的处理方式，快速的提升自己的开发能力。当你强化了自己的开发能力之后你会发现你自己本身的开发速度以及质量就提高了。当你提高之后你再使用它就是强强联合，你就能快速开发好的代码。本质上你越强它越强 。这也是为什么很多资深工程师用了 ai 之后他的进步速度非常快。

ai提效之后的时间应该用来做什么

当业务开发时间已经不像原来那样赶了，不再需要天天加班了，对于还想要继续提升的人，此时你应该专注于项目专注于业务，思考从项目架构中是否还有优化的空间，思考业务功能上是否符合直觉，去看市面上优秀的用例，看看相同的业务对方是用什么方式去实现的，对于开发者来说开发能力重要，理解业务的能力以及拓展业务的能力也很重要，很多时候一个好的开发其实就是一个好的产品经理，不要仅仅只专注于代码实现。

结语

当你初次接触 ai 时，不要对于 ai 的期望过高，不要受它宣传视频的影响，一接入就要如何如何。这些都是当你彻底熟悉以及在你开发项目中进行过多次任务迭代后，你才能达到宣传级快速开发的效果。对于 ai 的使用，我的建议是一步步来，在开发过程中体会它给你带来的好处，然后在使用过程中逐步解放自己的思想。

不要陷入 ai 能帮我做什么的误区，而是你能把什么事情转化为让 ai 去做，请记住一切都是由你作为出发点。

以上视频中的开发示例只是 ai 应用的一点点展示，还有很多很多 ai 可以帮助你完成的事情，不同的场景，不同的业务，不同的需求及处理方式这些就需要你在自己的项目中进行体验了。希望大家都能从 ai 身上获得成长及帮助。

管理系统项目中旧模块与新模块使用封装好的业务组件对比

旧模块

痛点：视图和逻辑未分离，每个模块都有重复的关于分页，查询等冗余逻辑，后续维护十分耗费时间精力，从观感上来看，让人没有阅读代码的动力

dom 结构1

dom 结构2

js 结构1

js 结构2

新模块

优化点：视图和逻辑分离，开发时只需要关注数据配置。公共功能全部抽离出去。减少页面代码量保持干净整洁。让人阅读起来不费力，维护或者修改业务需求时，只需要定义数据结构即可。当有了 ai 辅助后，定义数据结构的功能也可以让 ai 自动生成，快速提升开发效率。

dom 结构1

js 结构1

js 结构2

AIGC短片创作流程

一、前期策划与创意构思（一）明确主题与定位：确定短片的核心主题（如情感故事、科幻概念、社会议题等）、风格（写实、动画、抽象等）、时长（通常1-5分钟）及目标受众。（二）撰写脚本1. 细化剧情框架（开端-发展-高潮-结局），明确关键场景、人物（或主体）、对话/旁白、画面描述。2. 标注每段画面的AI工具适配方向（三）分镜设计：用文字或简单草图勾勒每帧画面的构图、镜头角度、时长，方便后续AI生成素材时精准匹配。二、AI素材生成（一）文字素材：用AI工具生成旁白、对话，或优化脚本细节（需人工把控风格和准确性）。（二）视觉素材1. 静态图像：根据分镜，用AI生成场景、角色、道具等单帧画面，明确关键词。2. 动态片段：用AI工具生成短动画片段（支持从文本或图像生成动态效果），或用AI将静态图转为动。3. 虚拟角色/特效：若需虚拟人出镜，用AI生成面部动画，或制作带表情的虚拟形象片段。（三）音频素材：用AI生成背景音乐、音效，或克隆人声配旁白。三、素材处理与整合（一）素材筛选与优化1. 对AI生成的视觉/音频素材进行筛选，剔除不符合分镜的内容。2. 用修图、音频降噪等工具手动优化细节（AI生成素材可能存在瑕疵，需人工修正）。（二）剪辑与合成3. 用剪辑工具将画面、音频按分镜顺序拼接，可借助AI辅助提升效率。4. 调整节奏：根据剧情增减片段时长，添加转场特效（可让AI推荐适配转场风格）。5. 同步音画：确保旁白、对话与画面动作/口型匹配（AI生成的虚拟人片段可能需手动微调时间轴）。四、后期打磨与输出（一）调色与风格统一：用AI调色工具统一全片色调，强化风格（如复古滤镜、高对比度科幻风）。（二）字幕与包装：用AI工具生成字幕，添加片头片尾文字（可让AI设计字体样式）。（三）最终渲染：按比赛/发布平台要求（如分辨率1080P/4K、格式MP4）导出成片，检查画质、音效是否达标。五、复盘与调整团队共同观看成片，根据反馈修改细节（如替换某段AI生成的生硬画面、调整节奏）。六、投递比赛（一）筛选适配赛事：根据短片主题、风格、时长，筛选适合的AI创作类比赛，确认赛事要求（如提交格式、截止日期、版权声明等）。（二）团队确认：提交前与团队成员共同核对参赛信息，确保所有成员知情并同意投递。（三）准备材料：按赛事要求整理成片、创作说明（如AI工具使用说明、创意理念）、团队信息等，完成报名与提交。#Ai短片 #戏影考研 #AIGC #戏剧与影视

相关问答

ai绘画视频怎样做的-ZOL问答

AI绘画视频的制作过程大致可以分为以下几个步骤:首先,需要准备一个AI绘画软件或者AI绘画工具,例如Prisma、Artbreeder等。这些工具通常会提供一些预设的画作模...

ai插画教学-肿么用ai做插画-ZOL问答

首先,AI插画是通过计算机辅助设计(CAD)和人工智能技术来创作插画作品的一种方式。在进行AI插画创作时,我们需要使用专业的软件工具,例如AdobeIllustrator、Pr...

人工智能下智能辅助教学发展探析?

智能辅助学习系统,其表现形式是能够为每个学生,配备一个虚拟教师。学生能够通过电子设备(如手机、计算机),与虚拟教师进行交流对话,咨询虚拟教师各学科的问...

个体怎么运用超声人工智能辅助系统?

个体运用超声人工智能辅助系统:1.安装超声人工智能辅助系统的软件;2.登录软件,输入需要检测的信息;3.运行超声人工智能辅助系统,根据反馈结果进行相应...

ai怎么把参考线粘贴到所有画板?

1打开我们的Ai软件,然后开启并进入到我们需要让参考线居于画布正中间位置的文档之中。2进入文档之后,首先在顶部“视图”菜单下开启“显示标尺”功能。3显示...

AI如何高效辅助PPT制作?-ZOL问答

AI现在做PPT太强了,不仅可以根据你输入的内容自动生成幻灯片,还能推荐合适的模板、图表,懒人福音啊,基本不用自己动手调格式我现在都靠AI帮我写内容+排版,比如...

ai怎么调网格辅助线?

打开电脑ai文件,新建文件夹,按住快捷键Ctrl+R键调出参考线;然后点击参考线鼠标右击,调出参考线界面,点击释放参考线;最后参考线就可以随便拖动了。打开...

ai驾驶辅助是什么?

ai驾驶辅助又称无人驾驶汽车、电脑驾驶汽车、或轮式移动机器人,是一种通过电脑系统实现无人驾驶的智能汽车。自动驾驶汽车依靠人工智能、视觉计算、雷达、监...

AI创作工具如何高效辅助写作?-ZOL问答

尤其是关于用AI配图那部分,我之前也是靠自己做封面,累死还不好看。后来用了公众号自带的AI生图功能,直接输入关键词就能出图,简直解放双手。还有那个DeepSeek...

AI矩形怎么对齐辅助线?

1.首先我们打开AI,“文件”菜单下“新建”命令,新建一个A4大小的画板。2.我们先画几个图形,把它们变成参考线。画几个相同的长方形吧。然后我们用“选择工具...