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