昨天，收到腾讯云的邀请，参加了一场线下的开发者交流活动。

![现场活动照片](https://developer.qcloudimg.com/http-save/yehe-7487409/830d5c5336745b356bf21dd0f931afae.png)

听了行内专家的分享，学到了不少干货，本文来和各位读者同步一下。

# 行业现状

高建老师分享了一些AI对当前各行业冲击的数据。

从美国统计的现状看，AI确实让社会整体的岗位数量下降，首当其冲的是设计师和摄影师，但AI研发岗位、销售岗位的需求是明显上升的。

![AI行业发展现状](https://developer.qcloudimg.com/http-save/yehe-7487409/d444b65b557fd4844fd11b60cdcb8456.png)

占冰强老师认为，2025年当前AI行业供应主要集中在头部公司，明年预计会出现一批腰部公司，催生to C领域的应用爆发。

![AI行业格局分析](https://developer.qcloudimg.com/http-save/yehe-7487409/925683b19cc20a5aaf755a40d238e912.png)

国产算力的价格约为国际价格的70%-80%，当前国产显卡的最大问题是做集群训练时，掉卡率高，以及训练生态仍不够完善，但在推理方面已经在逐步取代N卡算力。

![国产算力现状](https://developer.qcloudimg.com/http-save/yehe-7487409/558cbe55d6a49f1d32200f95b8ff8900.png)

此外，2025年多模态领域技术取得突破，推理成本降低，视频一致性程度得到提升，在视觉领域存在更广阔的应用前景。

![2025年多模态领域发展现状](https://developer.qcloudimg.com/http-save/yehe-7487409/665185639307f6bdc60b105554632d03.png)

# 开发者现状

Vibe Coding 的出现，让开发者逐渐从写代码转换成指挥智能体来工作的方式。

![AI时代前后的方式对比](https://developer.qcloudimg.com/http-save/yehe-7487409/7701267b8c33837ebf003cfb707036b7.png)

要用好 Vibe Coding，不是简单描述需求，而是有以下各种方法，核心工作是需要把产品需求文档整理清楚，作为上下文工程管理的一部分。

![Vibe Coding的各种方法](https://developer.qcloudimg.com/http-save/yehe-7487409/c4da1301f62ff314fa77a59034f0a83e.png)

下面是使用 Spec 方法是具体步骤，以及和传统方法的效率对比。

![Spec Coding方法示例](https://developer.qcloudimg.com/http-save/yehe-7487409/0e6bcd9a63f3efb461998c33364f4a08.png)

# 一招提效

让我收获最大的，是占冰强老师分享的 Vibe Coding 工作流，很多人还只是用上一个版本的Cursor，现在的“版本答案”是：

- 1.用**Google Stitch**去绘制产品设计图
- 2.用**Google studio**的`build`模式，构建前端基本逻辑
- 3.用**Claude Code**完善项目后端

Claude Code 我之前的文章也写过，耳熟能详，在此不表。

前两步对我来说是挺新奇的，这里来尝试一下。

首先进入 Google Stitch，注意大陆和香港ip无法进入。

官网：https://stitch.withgoogle.com

在这个界面中，可以用自然语言或者参考图，让AI去绘制Web或者App设计稿。

![](https://developer.qcloudimg.com/http-save/yehe-7487409/c143a6d3a65abdbca3b9d2a3d2f5d4bb.png)

下面测试一下，让它仿刻一个B站。

上传一张B站首页截图，输入提示：复刻这个界面

![B站首页截图](https://developer.qcloudimg.com/http-save/yehe-7487409/02c002cc4e8ec283feed359aeae9ee6d.png)

它很快输出结果，不过内容有点瑕疵，文本默认全是英文。

![第一次输出效果](https://developer.qcloudimg.com/http-save/yehe-7487409/232616c2c8e98b44ddd4ae322044476d.png)

选择需要修改的部分，让它局部修改：

![局部修改示例](https://developer.qcloudimg.com/http-save/yehe-7487409/713f4fb4801b4d1ec35e7d05ad827c7f.png)

修改完的结果如下图所示：

![第一次修改完的结果](https://developer.qcloudimg.com/http-save/yehe-7487409/c47bed86d3d0db1ed663a05279429b19.png)

再让它帮我把里面的文本改成中文：

![第二次修改完的结果](https://developer.qcloudimg.com/http-save/yehe-7487409/d1a5c60355c40349f8732703e7554874.png)

虽然主题色变了，但整体效果还不错。


再让它复刻一个视频播放的参考图：

![视频播放页参考图](https://developer.qcloudimg.com/http-save/yehe-7487409/7ad9dd7ac124ddc6f48e73daf022ae01.png)

生成效果挺不错的。

![视频播放页生成效果](https://developer.qcloudimg.com/http-save/yehe-7487409/b9c78533e968b121b79b7e4c916c3385.png)

这样就得到了两个界面。

![](https://developer.qcloudimg.com/http-save/yehe-7487409/33f9899f7c362ff7de4df935202c70c4.png)

导出代码，可以获得每个页面的html代码和截屏图。

![](https://developer.qcloudimg.com/http-save/yehe-7487409/059f859d925b12f9008e9e17722d65d1.png)

下面进入到 Google studio。

网站地址：https://aistudio.google.com

上传两个页面的代码，让它构建项目。

![](https://developer.qcloudimg.com/http-save/yehe-7487409/453aff10319612bb682675c020561a2f.png)

构建完之后，可以看到它默认用 React 框架把整个项目组装了一下。

![](https://developer.qcloudimg.com/http-save/yehe-7487409/5d16dc672691b5080915c563d0338ddf.png)

在页面中，可以选择**Preview**菜单，直接预览项目的效果，非常方便。

![预览两个界面的跳转逻辑](https://developer.qcloudimg.com/http-save/yehe-7487409/9633abfcf4276436283ef801e38e2a08.gif)

这一招完美补齐了 Claude Code 前端审美能力不足的问题，让从零开始做项目变得更加简单了。



从美国统计的现状看，AI确实让社会整体的岗位数量下降，首当其冲的是设计师和摄影师，但AI研发岗位、销售岗位的需求是明显上升的。

在腾讯云开发者活动中，学了一招AI提效方法

昨天，收到腾讯云的邀请，参加了一场线下的开发者交流活动。听了行内专家的分享，学到了不少干货，本文来和各位读者同步一下。

人工智能

职业发展

开发工具

腾讯云开发者活动分享AI行业趋势：2025年多模态技术突破，国产算力崛起，岗位需求向AI研发转移。揭秘VibeCoding高效工作流：GoogleStitch+Googlestudio+ClaudeCode组合拳，实现从设计到开发的全流程AI辅助，提升开发效率300%。

智能体

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

在腾讯云开发者活动中，学了一招AI提效方法-腾讯云开发者社区-腾讯云

在腾讯云开发者活动中，学了一招AI提效方法

在腾讯云开发者活动中，学了一招AI提效方法

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐