2. Linux.do
  3. 项目的前端架构升级和Ui规范化要怎么做？

项目的前端架构升级和Ui规范化要怎么做？

Bbbbx 2026-07-25 12:35 1

我们有一个跑了三年的项目，在这三年的开发里，项目上没有非常明确的UI/UE规范，再加上最近一年来Ai能力爆发，人人都开始了全栈的开发，也就导致更多的混乱不一致的页面存在。

比如，分页列表的查询条件的布局，加载态的显示和原则，错误提示的风格。基本上是随ai进行一个产出。

现在老板给出了一个要求，同样是利用ai，首先对老架构的升级，从umi3升级到umi4,node升级到24，antdesign组件库升级到v6，然后在规范整个项目的Ui表达，要有语义一致，有意义，有活力，且最终还要能将规范skill化，能使得ai能在以后的开发中遵守规范。

老板派了两个人跟我一起做，两周半的时间要都搞定。

现在已经过去一周了，我除了把架构升级之后，还用ai基于项目已有的组件库整理了一个规范加组件示例的演示项目，想让这个项目充当原型和约束的作用，能同时给开发和进行参照的，演示项目上目前是对于分页列表和操作提示两种业务场景做好了约束…还有很多规范还要确认。

目前进度缓慢，而且那么多规范下定义这个过程整得我快疯了…

我想听听佬友们的意见，我是不是思路有什么问题还是应该努力继续输出完我的规范项目。

以及两个人力要咋用呢？想不出来…

最新回复 (6)
  • Lawrence 07-25 12:37
    1楼

    我也想知道这个 可惜我不会看看大佬怎么回答的

  • Jack min 07-25 12:40
    2楼

    我也想知道这个问题的答案，希望大佬来解答

  • 荒野的烟雾 07-25 12:44
    3楼

    不懂开发，我目前前端是这样的。



    1. grill-me做产品设计，然后先请AI出一个md的前端示意图

    2. vibedesign读md示意图设计单页

    3. opendesign把多个单页组成一套可以交互的html

    4. AI读取可交互html，出UI文档，然后实施：现在实施的时候会尝试加入这个提示词再优化一版本https://linux.do/t/topic/2642792

  • Kami958 07-25 12:56
    4楼

    [!tip]本篇是我个人使用 Trellis 的理解和实践总结，仅代表个人观点，如有不对的地方，还请各位大佬指正。非常感谢。

    我现在用 ai 写代码很多时候都是一把梭的，也就是说我只需要给 ai 一个要求指令，剩下的就交给 ai了，现在模型能力确实越来越强，有时候我甚至可以不用 superpowers 这种工作流插件都可以做到很规范。所以这种 vibe coding 的写法已经很广泛了，…


    这篇帖子应该会有帮助

  • Peng 07-25 13:00
    5楼

    终究还是软件工程，可以去看看arc42，我们团队现在用的就是这个 ^-^

    懂软件工程，才能做出有规范的项目，懂代码，才能保证AI不出错 ^-^

  • overspread 07-25 13:24
    6楼

    其实你接到任务的时候，最重要的事情，是开会，多人进行一个项目开发，最重要的是分工明确，需要有人牵头讨论这个项目的具体界面，用户交互，拆分，拆分成具体的模块，然后根据所使用的技术栈，创建可复用性的组件，然后组装，现在前端规范都有模板，除非你们自己有不同于现在大部分产品的需求（个人见解），欢迎讨论

* 帖子来源Linux.do
附近帖子
返回
飞读
随机推荐