即刻App年轻人的同好社区
下载
刷到很多：零基础编程人员通过AI编程做出各种网站。 关于零基础：真要是一个刚毕业的非程序人员，连html、css、js，基本计算机网络都不懂，能做出来吗？能够真正拿到成果的人，背后的已有的经验积累是你看不到的，很多做出成果的都是产品经理、设计师等这种编码上下游的人员，本身对于编码的工作流和程序的形态有多年的耳濡目染。
同理，在公司上班，不只关心自己的一亩三分地，有摸鱼的时间多了解上下游的工作流、学习他们的相关技能（或许他们也已经在“虎视眈眈”），在有一定积累后，前端也可以借助AI，搞定产品、UI设计、后端、运维，不是在公司取代他们，砸人家饭碗，而是在新潮流下给自己积累一些竞争力，多一些选择的机会、多一点晋升或自由的概率，这，是趋势。 像Vercel已经诞生了一个新的岗位：Design Engineer（集UI设计+编码的双才岗）详见：vercel.com 未来上下游不同工种间的组合（FullStack、DevOps、DevQa、PoDev）在AI的助力下会越来越多，门槛也会越来越低。
排列组合那么多，前端er，你中意哪款CP？
同理，在公司上班，不只关心自己的一亩三分地，有摸鱼的时间多了解上下游的工作流、学习他们的相关技能（或许他们也已经在“虎视眈眈”），在有一定积累后，前端也可以借助AI，搞定产品、UI设计、后端、运维，不是在公司取代他们，砸人家饭碗，而是在新潮流下给自己积累一些竞争力，多一些选择的机会、多一点晋升或自由的概率，这，是趋势。 像Vercel已经诞生了一个新的岗位：Design Engineer（集UI设计+编码的双才岗）详见：vercel.com 未来上下游不同工种间的组合（FullStack、DevOps、DevQa、PoDev）在AI的助力下会越来越多，门槛也会越来越低。
排列组合那么多，前端er，你中意哪款CP？
10 30
微软发布了一个AI驱动的 micro apps （微型应用）代码生成器：GitHub Spark
产品愿景：将应用程序（micro apps）创建成本降低到零
一些思考 🤔
这是我目前看到第一个官方说明聚焦构建 “micro apps”的AI产品，这个产品定位很清晰，也比较稳妥。
其它的代码生成AI产品比如：bolt.new，官方表达的是AI构建全栈项目，其实实际上也是 “mirco apps”。
真正复杂的全栈项目，里面涉及到的技术栈、代码规范、可维护性，代码量等，肯定是无法通过这种产品形态来承载的。
但是小而美的 micro apps，也能够解决某类人群某个场景下的某个细分问题了。
未来，每个人的每个小创意都可以通过AI驱动的 micro app 生成器发布出去。
详见：githubnext.com
加入waitlist：github.com
产品愿景：将应用程序（micro apps）创建成本降低到零
一些思考 🤔
这是我目前看到第一个官方说明聚焦构建 “micro apps”的AI产品，这个产品定位很清晰，也比较稳妥。
其它的代码生成AI产品比如：bolt.new，官方表达的是AI构建全栈项目，其实实际上也是 “mirco apps”。
真正复杂的全栈项目，里面涉及到的技术栈、代码规范、可维护性，代码量等，肯定是无法通过这种产品形态来承载的。
但是小而美的 micro apps，也能够解决某类人群某个场景下的某个细分问题了。
未来，每个人的每个小创意都可以通过AI驱动的 micro app 生成器发布出去。
详见：githubnext.com
加入waitlist：github.com
1 02
前几天研究了一下最近挺火的bolt.new，总结了下：
项目主要是stackblitz公司为了营销其浏览器端的全栈运行沙箱WebContainer API：webcontainers.io打造的一个开源项目。
对于非技术人员来说，确实会比cursor或者v0更加惊艳，相当于把整个研发的环节，项目环境、全栈代码生成、以及发布流程都集成了，可以凭需求、想象力和自然语言表达上线一些小的创意性产品。
对于开发人员来说：
- 可以做一些简单的Demo程序，类似于脚手架初始化项目
- 可以学习一下他的提示词是如何写的，如何生成多文件代码：github.com
- 如何基于AI返回的结构化内容触发界面的交互调度：github.com
- 如何基于stackblitz的 WebContainer API运行可视化运行全栈代码：github.com
项目主要是stackblitz公司为了营销其浏览器端的全栈运行沙箱WebContainer API：webcontainers.io打造的一个开源项目。
对于非技术人员来说，确实会比cursor或者v0更加惊艳，相当于把整个研发的环节，项目环境、全栈代码生成、以及发布流程都集成了，可以凭需求、想象力和自然语言表达上线一些小的创意性产品。
对于开发人员来说：
- 可以做一些简单的Demo程序，类似于脚手架初始化项目
- 可以学习一下他的提示词是如何写的，如何生成多文件代码：github.com
- 如何基于AI返回的结构化内容触发界面的交互调度：github.com
- 如何基于stackblitz的 WebContainer API运行可视化运行全栈代码：github.com
15 117
习惯性早起🚶思考，总结一下最近一个月左右的时间在前端AI上做的事情，主要的精力和时间都在探索AI驱动的Design To Code，经过在实际项目中的初步运用，最终的结果是：
1）从布局样式来看，还原度可达到95%以上，相比较多模态AI驱动的 Image To Code，已经遥遥领先了。
2）从代码上来看，不是生成简单的div之类的粗暴代码，而是能够结合公司的代码组件库来生成代码，比如antd、mui、私有组件库等。
3）从时间上来看，比如针对一个页面，之前可能需要4个小时的时间来还原布局样式以及业务逻辑，现在借助Design To Code，花几分钟的时间生成样式和布局，再花几分钟的时间基于业务规则生成业务逻辑，整体10分钟左右，这种提效是很明显的，开发人员相当于直接拿D2C生成的页面来对接后台api数据就可以了。
一些思考和建议：
1）如果公司的研发工作流是相对规范的，有专业的UI设计人员，建议探索一下design to code，这件事带来得提效是巨大的，同时借助AI，这件事比常规的design to code简单，而且生成的代码质量也有过之而无不及。
2）推荐使用Figma作为设计工具，它的整个生态和设计理念跟前端的契合度是很高的（自动布局对应flex，main component 对应 code component），通过Figma插件，可以很好的收集页面元素信息。
3）前端人可以学习一下ui设计相关的知识，比如怎么用figma做设计稿，再配合d2c，相当于一个人可以快速搞定 ui设计、前端研发。
#前端ai
1）从布局样式来看，还原度可达到95%以上，相比较多模态AI驱动的 Image To Code，已经遥遥领先了。
2）从代码上来看，不是生成简单的div之类的粗暴代码，而是能够结合公司的代码组件库来生成代码，比如antd、mui、私有组件库等。
3）从时间上来看，比如针对一个页面，之前可能需要4个小时的时间来还原布局样式以及业务逻辑，现在借助Design To Code，花几分钟的时间生成样式和布局，再花几分钟的时间基于业务规则生成业务逻辑，整体10分钟左右，这种提效是很明显的，开发人员相当于直接拿D2C生成的页面来对接后台api数据就可以了。
一些思考和建议：
1）如果公司的研发工作流是相对规范的，有专业的UI设计人员，建议探索一下design to code，这件事带来得提效是巨大的，同时借助AI，这件事比常规的design to code简单，而且生成的代码质量也有过之而无不及。
2）推荐使用Figma作为设计工具，它的整个生态和设计理念跟前端的契合度是很高的（自动布局对应flex，main component 对应 code component），通过Figma插件，可以很好的收集页面元素信息。
3）前端人可以学习一下ui设计相关的知识，比如怎么用figma做设计稿，再配合d2c，相当于一个人可以快速搞定 ui设计、前端研发。
#前端ai
6 03
1 00
在美团点个肯德基疯狂星期四，需要修改一下订单，找商家沟通，发现背后应该是一个AI Agent客服，很丝滑的体验～
可以想象未来很多复杂的前端GUI交互都可以融入到这样一个体验丝滑的聊天窗口中…
#AI工作流
可以想象未来很多复杂的前端GUI交互都可以融入到这样一个体验丝滑的聊天窗口中…
#AI工作流
1 01
前端还真是个香饽饽，盯的人还真不少。
作为前端，如何保持核心竞争力？如何“反被盯”。
作为前端，如何保持核心竞争力？如何“反被盯”。
Claude 3.5 Sonnet Artifacts很牛逼，作为前端人的一些思考和探索
0 01