Aitrainee | 公众号：AI进修生
🌟CodeAssistant是 Claude Artifacts功能 的一个克隆版，可以生成 React和Python代码 ，并在界面中直接执行。
https://github.com/kturung/langgraph\_streamlit\_codeassistant
Hi，这里是Aitrainee，欢迎阅读本期新文章。
最近，当Claude推出其 Artifacts功能 时，多个开源库也推出了类似的功能。你不了解Artifacts功能？其实它是一种可以在聊天界面中生成代码并直接预览的功能。今天我要介绍另一个库： CodeAssistant 。CodeAssistant是Claude Artifacts功能的一个克隆版，可以生成 React和Python代码，并在界面中直接执行 。
界面是用Streamlit制作的，使用e2b Code Sandbox来运行代码。e2b有一个免费层，提供100个沙箱和100美元的信用额度，非常不错。虽然它声称只能与Anthropic一起使用，但我会向你展示如何与本地模型一起使用，因为这是我们想要的功能。
它还可以进行 文件管理、创建多样的图表和执行其他任务 ，因此不需要每次都让它创建程序，非常方便。总体来说，它与Claude的Artifacts功能非常相似，但目前只能运行React和Python代码，希望以后能支持更多语言。
首先，将代码库克隆到你的计算机上，并导航到克隆的目录。接下来，我们需要运行这些命令，前两个命令创建一个虚拟环境以保持组织性，但我会跳过这一步，直接运行第三个命令来安装所需的软件包。
完成后，运行npm install命令来安装前端的其他要求。完成后，运行npm run build命令来构建软件包。
现在让我们配置它与本地模型一起使用。首先，安装一个本地模型，我会使用Deep Seek Coder V2模型。
访问Olam a网站，点击下载按钮，选择操作系统并安装。
完成后，进入模型页面，选择你想使用的模型。我选择Deep Seek Coder V2模型。复制安装命令并在终端中粘贴，开始安装模型。安装完成后，你会在终端中看到一个聊天界面，发送消息测试其是否工作。
完成后，打开主Python文件，将导入Anthropic库的行改为导入Olama库，并将模型名称改为Deep Seek Coder或你想使用的其他名称，确保行看起来像这样。
确认无误后，保存文件，重新运行，确保与本地模型一起工作。让我们再让它生成一个井字棋游戏，测试本地模型。
发送提示，稍等片刻，代码已生成，看起来不错，工作正常。
这非常酷，特别是考虑到这是本地模型生成的。让我们再让它在顶部添加一个标题。
稍等片刻，生成完成，改进功能也有效。
我非常喜欢用本地模型。让我们再让它生成一个待办事项应用程序，看看它是否能像Claude一样完成所有任务。
发送提示，稍等片刻，代码生成了，看起来不错，具备基本功能。虽然与Claude的生成相比还有差距，但通过多次提示可以达到相同的效果。
使用本地模型的速度和效果更好，因为所有操作都是本地完成的。非常适合创建应用程序并直接在浏览器中查看。
视频教程
https://www.youtube.com/watch?v=-oA6kDXITck
参考链接：
[1]https://github.com/kturung/langgraph\_streamlit\_codeassistant
知音难求，自我修炼亦艰
抓住前沿技术的机遇，与我们一起成为创新的超级个体
（把握AIGC时代的个人力量）
点这里👇关注我，记得标星哦～
一键三连「分享」、「点赞」和「在看」
科技前沿进展日日相见 ~