作者：小傅哥 博客：https://bugstack.cn 大家好，我是技术UP主小傅哥。 这是一套综合前后端 + Dev-Ops，基于 Spring Ai 框架实现，Ai Agent 智能体。

大模型发展如火如荼，作为一名web前端开发人员有必要也需要了解大模型，已经大模型可以应用在什么地方。本文通过实现一个简单的智能前端组件，初步探索大模型运用方法

今天瞧见了一个开源库，https://github.com/abi/screenshot-to-code ，根据它的描述，这个简单的应用程序可以将屏幕截图转换为代码（HTML/Tailwind CSS

screenshot-to-code 支持一键部署啦，可以将截图、图片链接、绘制草图通过PT-4 Vision生成代码并换为页面。

ant-codeAI提供截图生成代码的功能，使用GPT-4 Vision生成，在screensh原有（React，Tailwind CSS）等代码基础上，新增react/ant design的代码输出

ChatGPT火了之后，前端领域也开始逐渐重视AI领域，正所谓AI最终也将由JavaScript实现。对比比较火的大模型，浏览器可以运行的机器学习模型大多数参数比较少，可以利用用户的边缘设备资源执行一

create-ai-toolkit 是一个由人工智能驱动的前端开发工具，旨在通过自动化和智能化的方式显著提升开发效率。该工具集成了组件和 hooks 生成、提交信息自动化以及代码审查等功能，帮助开发者

使用langchain和llm大模型实现一个web前端智能导航组件，可以根据用户提出的问题，自动关联相似指引

在使用AI模型的过程中，发现了目前大多数LLM存在的一些问题。如果通过langchain解决这些问题，让我们的生产力提高呢？