微软和 Deepmind 的一篇论文探讨利用 LLM 从设计生成代码，这个实践经验对想做相关 Design2Code 工具的很有

微软和 Deepmind 的一篇论文探讨利用 LLM 从设计生成代码，这个实践经验对想做相关 Design2Code 工具的很有参考性。 我整理了一下里面对我们自己通过 LLM 生成代码可能有用的提示词和经验。感兴趣可以看看。 他们发现第一次生成的网页通常质量不太行，但是第二次增强提示之后 GPT-4V 生成网页代码质量明显变好，下面是对应提示词。 第一次代码生成提示词： 假设你是一位精通HTML和CSS的网页开发专家。当用户提供一张网页的截图给你时，你的任务是创建一个HTML文件。这个文件需要用HTML和CSS编码来精确还原截图中的网站设计。重要的是，所有的CSS样式代码都要直接写在HTML文件里，而不是链接到其他文件。 如果原网页中有图片，你可以用一个名为"rick.jpg"的图片作为所有图片的替代品。即便网页中的某些图片已经被蓝色的矩形占位符替代了，你同样需要使用"rick.jpg"作为这些位置的图片。记住，你的HTML文件中不应包含任何外部文件的链接。 此外，这个任务不需要你使用JavaScript编写动态交互脚本。你的重点应该放在复原网页元素的大小、文本、位置、颜色以及整体布局上。最终，你需要提供完整的HTML文件内容，其中包含了所有必要的CSS样式代码。 增强提示词： 作为一名擅长HTML和CSS的网页开发高手，你面临的挑战是修改一个已有的HTML文件。这个文件是用来构建一个网页的，但它目前有一些缺失或错误的部分，使得它与原网页有所不同。我将向你展示我想要创建的网页原型和目前HTML实现的网页效果。同时，我也会提供你我想在网页中包含的所有文本。 你的任务是仔细比较这两个网页，并根据提供的文本内容，修改原始的HTML代码。你需要确保新的实现在外观上与参考网页完全一致。在编码时，要保证HTML代码语法正确，能够生成一个结构完整的网页。对于需要图片的地方，你可以暂时用一个名为"rick.jpg"的图片作为占位符。 在进行代码修订时，请特别注意网页元素的大小、文本内容、位置布局和颜色等方面，确保最终的布局和原网页高度相似。完成后，请直接提供新修订的HTML文件内容，无需附加任何解释。 LLM 通过设计生成代码未来重点和研究方向： ◆为多模态大语言模型开发更有效的提示技巧，尤其是在处理复杂网页设计时，例如通过分步骤生成网页的不同部分。

相关推荐

封面图片

deepseek coder现在支持生成代码一键在网页端运行啦

deepseek coder现在支持生成代码一键在网页端运行啦 特别好玩大家快来试试！试过才知道 链接: 推荐一个简单的提示词：用 HTML、CSS 和 JavaScript 实现一个好看的音乐播放器的所有逻辑，允许用户上传音频文件，正常输出，样式美观，显示当前音乐名，并通过 canvas 实现音乐频谱可视化。
封面图片

软件Acode功能：代码编辑器

软件Acode 软件功能：代码编辑器 支持平台：#Android 软件简介：一款强大而轻便的代码编辑器和网页开发工具，专为安卓设备设计。 它可以在浏览器中直接构建和运行网站，使用集成的控制台轻松调试，以及编辑多种源文件，包括Python、CSS、HTML、Java、JavaScript、Dart等。 软件下载：点击下载 频道 群聊 投稿 商务
封面图片

苹果发布了一个可以利用LLM 生成动画的框架Keyframer。

苹果发布了一个可以利用LLM 生成动画的框架Keyframer。 Keyframer允许用户通过自然语言提示来创建静态2D图像的动画。 它使用GPT-4生成CSS动画代码，支持用户通过多种编辑器类型直接编辑生成的动画。 用户可以通过顺序提示和请求LLM生成的设计变体来迭代他们的设计。 论文链接：
封面图片

网站screenshot-to-code

网站screenshot-to-code 网站功能：截图转代码 网站简介：一个可以将截图转换为HTML/Tailwind/JS代码的简单应用。 它使用了GPT-4 Vision来生成代码，以及DALL-E 3来生成类似的图片。还可以输入一个网址来克隆一个现有的网站。 网站网址：点击打开 开源地址：点击打开 频道 群聊 投稿
封面图片

Meta推出AI代码编写工具：Code Llama

Meta推出AI代码编写工具：Code Llama Meta发布了一个名为Code Llama的工具，该工具基于Llama 2大型语言模型构建，用于生成新的代码并调试人类编写的代码。Code Llama将采用与Llama 2相同的社区许可，并对研究和商业用途均免费。Meta指出，Code Llama能够根据提示生成代码序列，或者在指向特定代码序列时进行完善和调试。除了基础版的Code Llama外，Meta还推出了专为Python设计的版本Code Llama-Python，以及一个能够理解自然语言指令的版本Code Llama-Instrct。 Meta在其博客中表示：“开发者已经开始利用LLM来辅助各种任务，从编写新软件到调试现有代码。”他们的目标是“使开发者的工作流程更为高效，从而让他们能够更加专注于工作中的人性化方面。”Meta声称，Code Llama在基准测试中的表现超越了其他公开的LLM，但并未明确列出对比的模型。公司透露，Code Llama在代码基准测试HumanEval上得分为53.7%，能够根据文本描述精确地编写代码。Meta计划推出三种规模的Code Llama，并表示其最小规模的版本适合在单个GPU上运行，以满足低延迟项目的需求。 消息来源://
封面图片

微软 Copilot 初步整合 Code Interpreter：支持编写代码、洞察数据等

微软 Copilot 初步整合 Code Interpreter：支持编写代码、洞察数据等 微软微广告和网络服务部门首席执行官米哈伊尔・帕拉欣在最新推文中宣布，已初步整合 Code Interpreter 功能。 帕拉欣表示 Copilot（原 Bing Chat）目前已经初步整合 Code Interpreter，可以帮助用户撰写代码，而完整版（包括文件上传等）也会在近期更迭上线。 Code Interpreter 对于经常使用代码和数据的专业人士和爱好者都非常有用，这是一个多功能的工具，可以用于分析数据、创建图表、编辑文件、执行数学运算等等。 其最突出的特点是文件上传功能，用户可以上传一个 pdf、图片或电子表格，然后执行所需的操作。 无论是从 pdf / 图片中提取文本，还是从电子表格中查询数据，或者把 GIF 转换成视频，这些操作都可以轻松完成。 source：IT之家

🔍 发送关键词来寻找群组、频道或视频。

启动SOSO机器人