AI编程初体验：用Windsurf零代码开发网页对话与图像理解插件

AI编程初体验：用Windsurf零代码开发网页对话与图像理解插件

在AI编程工具Cursor爆火之后，另一款备受瞩目的工具Windsurf强势登场。Windsurf由估值高达12.5亿美元的美国初创公司Codeium打造，一经发布便成为业界焦点。它结合了协作型copilots和独立型agents的优势，开创了全新的协作型智能体模式。

Codeium vs GitHub Copilot

Windsurf被誉为目前最智能的AI代码生成工具之一。接下来，我们将用它开发一款Chrome浏览器插件，集成智谱AI的两款多模态模型API：glm-4-flash和glm-4v-flash。

项目概述

功能目标：支持网页对话和图像理解。
开发工具：Windsurf + 智谱AI API。
最终效果：

插件效果展示

使用智谱AI API

本次项目使用了智谱AI的两款免费API：

1. GLM-4-Flash

特点：高速度、经济性。
功能：多轮对话、网页浏览、Function Call、长文本推理（支持最大128K上下文）。
应用场景：
- 数据抽取：生物学家用它处理分子数据。
- 数据生成：成为其他领域大模型的“黄埔军校”。
- 多轮对话：制作AI助教或虚拟人对话。
- 英语翻译：构建翻译APP。
- 内容生成：文案润色。

GLM-4-Flash功能

2. GLM-4V-Flash

功能：图像描述生成、图像分类、视觉推理、视觉问答（VQA）、图像情感分析。
应用场景：
- 生成社交媒体文案。
- 识图答题，构建学习框架。
- 美容咨询，提供护肤建议。
- OCR保险单信息提取。
- 图像内容总结与输出。

GLM-4V-Flash功能

开发流程

下载Windsurf并获取会员：可通过淘宝购买（需用到Claude）。
创建代码文件夹：避免使用中文和特殊符号。
启动Windsurf并搭建框架：通过对话完善需求。
加载插件至Google浏览器：
测试功能：
- 使用GLM-4-Flash进行对话。
- 使用GLM-4V-Flash进行图像理解。
编写Readme文件：
提交Chrome应用商店：目前正在审核中。

结语

AI时代已经到来，Windsurf让零代码开发成为可能。无需编程基础，你也可以快速上手，开发属于自己的Chrome插件。快来试试吧！

👉 野卡 | 一分钟注册，轻松订阅海外线上服务

在AI编程工具Cursor爆火之后，另一款备受瞩目的工具Windsurf强势登场。Windsurf由估值高达12.5亿美元的美国初创公司Codeium打造，一经发布便成为业界焦点。它结合了协作型copilots和独立型agents的优势，开创了全新的协作型智能体模式。

Codeium vs GitHub Copilot

Windsurf被誉为目前最智能的AI代码生成工具之一。接下来，我们将用它开发一款Chrome浏览器插件，集成智谱AI的两款多模态模型API：glm-4-flash和glm-4v-flash。

项目概述

功能目标：支持网页对话和图像理解。
开发工具：Windsurf + 智谱AI API。
最终效果：

插件效果展示

使用智谱AI API

本次项目使用了智谱AI的两款免费API：

1. GLM-4-Flash

特点：高速度、经济性。
功能：多轮对话、网页浏览、Function Call、长文本推理（支持最大128K上下文）。
应用场景：
- 数据抽取：生物学家用它处理分子数据。
- 数据生成：成为其他领域大模型的“黄埔军校”。
- 多轮对话：制作AI助教或虚拟人对话。
- 英语翻译：构建翻译APP。
- 内容生成：文案润色。

GLM-4-Flash功能

2. GLM-4V-Flash

功能：图像描述生成、图像分类、视觉推理、视觉问答（VQA）、图像情感分析。
应用场景：
- 生成社交媒体文案。
- 识图答题，构建学习框架。
- 美容咨询，提供护肤建议。
- OCR保险单信息提取。
- 图像内容总结与输出。

GLM-4V-Flash功能

开发流程

下载Windsurf并获取会员：可通过淘宝购买（需用到Claude）。
创建代码文件夹：避免使用中文和特殊符号。
启动Windsurf并搭建框架：通过对话完善需求。
加载插件至Google浏览器：
测试功能：
- 使用GLM-4-Flash进行对话。
- 使用GLM-4V-Flash进行图像理解。
编写Readme文件：
提交Chrome应用商店：目前正在审核中。

结语

AI时代已经到来，Windsurf让零代码开发成为可能。无需编程基础，你也可以快速上手，开发属于自己的Chrome插件。快来试试吧！

👉 野卡 | 一分钟注册，轻松订阅海外线上服务