Llama Coder：一个开源的 Claude Artifacts – 只需一个提示即可生成小应用程序。由 Llama 3.1 和 Together.ai 提供支持。

想象一下，有一个聪明绝顶的助手，能读懂你的需求，瞬间将创意转化为一行行优雅的代码？现在，这一切不再是幻想！

亮点功能

• 免费且强大：Llama Coder是完全免费的，并且基于先进的Llama模型，可以生成高质量的代码。
• 直观易用：无论你是新手还是资深开发者，Llama Coder的简洁界面都能让你迅速上手。
• CodeSandbox集成：Llama Coder利用CodeSandbox，让你可以在浏览器中即时预览生成的应用程序。
• 迭代生成：即使初次生成的代码不完美，你也可以发送修改请求，逐步完善你的应用。
• 本地托管：如果你想在本地使用Llama Coder，只需克隆仓库并完成一些简单的配置步骤即可。

示例一：生成一个在线购物平台

提示词：生成一个在线购物平台

示例二：生成一个股票/基金持仓成本价计算器

（这个是我现在超级无敌需要的，我每次都是在纸上计算，但是开盘后净值每分每秒都在变，我只能选其中一个去计算）

提示词：设计一个计算股票或基金持仓成本价的小程序，1. CostPriceCalculator - 主要计算逻辑组件 用途：负责接收用户输入（如购买价格、数量、最新的净值等），并计算补仓后的平均成本价格。 Props：无需外部传入的props。 State： initialInvestment: 初始投资金额。 initialShares: 初始持有的股份数量。 latestNetValue: 最新的净值。 additionalInvestment: 额外投资金额。 result: 计算出的平均成本价格。 交互： 输入框允许用户输入初始投资金额、初始持有股份数量、最新的净值以及额外的投资金额。 按钮触发计算逻辑，并更新结果状态。 样式与布局： 使用Tailwind CSS实现响应式布局。 显示输入区域、计算按钮及结果显示区。 2. InputField - 输入框组件 用途：提供一个输入框供用户输入数据。 Props： label: 输入框旁边的标签文本。 name: 输入框的名字，用作标识。 value: 输入框的当前值。 onChange: 当输入框内容改变时调用的回调函数。 State：无。 交互： 用户可以输入数据。 样式与布局： 使用Tailwind CSS设置样式，如边框、内边距等。 标签在上，输入框在下。 3. ResultDisplay - 结果显示组件 用途：展示计算结果。 Props： result: 计算结果。 unit: 结果单位（如元）。 State：无。 交互：无。 样式与布局： 使用Tailwind CSS设置样式，如字体大小、颜色等。 居中显示结果。

（备注：提示词其实不需要这么复杂，我只是试一下如果我把规则给他写清楚，他会生成什么）

点右下角的open sandbox，进入类似pycharm的界面，可以调整代码与生成样式

如何使用Llama Coder？

直接在浏览器中打开网页，只需要输入你的需求，选择合适的模型（如Llama 3.1 405b），Llama Coder就会自动生成代码（我在使用过程中遇到过报错，我的方法是刷新后重新生成，万能的解决办法）

登录网址：
https://llamacoder.together.ai/（不需要魔法）

github：https://github.com/nutlope/llamacoder