Dyad
综合介绍
Dyad是一款免费且开源的AI应用构建工具,它直接在用户的Mac或Windows电脑上本地运行。这款工具让用户可以通过与AI对话的方式,无需编写代码就能创建全栈应用程序。它的核心理念是为开发者提供一个快速、私密且完全由用户自己控制的开发平台,解决了云端AI开发工具常见的供应商锁定和隐私问题。用户可以使用自己的API密钥连接到例如Gemini、GPT-4.1和Claude等多种AI模型,也可以通过Ollama集成来运行本地的大语言模型,从而确保了数据的完全私密性。由于所有源代码都保存在本地,开发者可以随时使用自己喜欢的代码编辑器(如VS Code)进行查看和修改,实现了与现有开发流程的无缝衔接。
相关推荐:
Lovable
通过聊天生成网站和应用程序
功能列表
- 本地优先: Dyad作为桌面应用程序在本地运行,保证了交互的即时响应和数据处理的私密性。
- 无代码构建: 用户通过与AI助手的聊天对话来描述需求,AI会自动生成代码并构建应用程序界面和后端逻辑。
- 支持多种AI模型: 用户可以自由接入并使用自己的API密钥,支持包括Gemini 2.5 Pro、OpenAI GPT-4.1、Claude Sonnet 3.5在内的多种主流AI模型。
- 集成Ollama: 支持连接到Ollama,允许用户在自己的电脑上运行本地大语言模型,实现完全离线的开发和数据隐私保护。
- 全栈开发能力: 通过集成的Supabase(包括身份验证、数据库和服务器功能),用户不仅能设计用户界面(UI),还可以构建功能完整的全栈应用。
- 无供应商锁定: 生成的所有源代码都直接保存在用户的本地文件系统,用户拥有代码的完全所有权,可以随时用其他IDE(如VS Code)打开和编辑。
- 跨平台使用: 目前提供适用于Mac和Windows操作系统的桌面客户端。
- 项目导入: 支持从v0、Lovable、Bolt等其他AI构建工具导入现有项目。
使用帮助
Dyad是一款桌面应用程序,旨在简化AI应用的创建过程。它的使用流程非常直观,无需复杂的安装和配置,下载后即可开始使用。
安装流程
- 访问官网: 前往Dyad的官方网站
dyad.sh
。 - 下载客户端: 在官网首页,你会看到明确的下载链接。根据你的操作系统(macOS或Windows)选择对应的版本进行下载。
- 安装应用:
- Windows: 下载完成后,双击
.exe
安装包,按照标准的Windows应用安装向导完成安装。 - macOS: 下载完成后,会得到一个
.dmg
文件。双击打开,然后将Dyad图标拖拽到“应用程序”文件夹中即可。
- Windows: 下载完成后,双击
- 首次启动: 安装完成后,从你的应用程序列表启动Dyad。初次打开时,应用会引导你进行基础设置。
核心功能操作流程
1. 设置API密钥
Dyad的核心是调用大语言模型来生成代码,因此你需要先配置至少一个模型的API密钥。
- 进入设置: 在应用界面中,找到设置或配置选项(通常由齿轮图标表示)。
- 选择模型: Dyad会列出支持的AI模型供应商,如OpenAI, Google (Gemini), Anthropic (Claude)等。
- 输入密钥: 选择你拥有API密钥的模型,然后将你的密钥粘贴到指定的输入框中。如果你想使用免费的模型,可以选择Gemini 2.5 Flash的免费套餐。
- (可选)设置Ollama本地模型: 如果你想在本地运行模型,确保你已经安装并运行了Ollama。在Dyad的设置中,选择Ollama选项,应用会自动检测到你本地正在运行的模型,之后你就可以在项目中使用它们了。
2. 创建你的第一个AI应用
创建应用的过程完全通过对话式界面完成。
- 新建项目: 在Dyad主界面,点击“新建应用”或类似的按钮。
- 描述你的想法: 你会看到一个聊天输入框。在这里,用自然语言清晰地描述你想要构建的应用。描述得越具体,生成的效果越好。
- 简单示例:
“帮我创建一个待办事项列表应用,需要有添加任务、标记任务为完成和删除任务的功能。”
- 复杂示例:
“构建一个博客发布平台。主页需要展示文章列表,包含标题和摘要。点击标题可以进入文章详情页。需要一个后台页面,可以通过表单提交新文章。”
- 简单示例:
- AI生成与预览: 发送你的需求后,Dyad的AI助手会开始分析并生成代码。这个过程是可见的,你可以在界面上看到实时生成的HTML、CSS和JavaScript代码。同时,右侧或下方会有一个实时预览窗口,展示应用的当前外观和功能。
- 迭代与修改: AI生成初版应用后,你几乎总需要进行调整。你可以继续在聊天框中提出修改意见。
- 示例:
“把背景颜色改成深灰色,文字改成白色。”
- 示例:
“给输入框和按钮添加一些圆角和边距,让它们看起来更柔和。”
- 示例:
“那个‘添加’按钮的功能不对,点击它之后,输入框里的内容应该被清空。”
- 示例:
- 批准或撤销: Dyad会将每一步的代码更改作为一个独立的版本。你可以批准这些更改,让其成为应用的正式部分,或者撤销不满意的修改。
3. 集成后端功能 (Supabase)
如果你的应用需要存储数据或用户认证,可以使用Dyad集成的Supabase。
- 启用Supabase: 在你的项目设置或聊天框中,提出需要数据库或用户登录功能的需求。
- 示例:
“为这个待办事项列表添加数据库功能,让任务可以被保存,即使用户关闭了浏览器再打开也能看到。”
- 示例:
- 遵循指引: Dyad会引导你完成Supabase的集成。这通常需要你登录自己的Supabase账户并授权Dyad访问。之后,AI就可以自动为你创建数据表、编写数据读写逻辑,并实现用户注册和登录等功能。
4. 在本地IDE中编辑
当你觉得AI生成已经接近你的目标,但想进行一些精细的手动编码时,可以无缝切换到你熟悉的IDE。
- 找到项目文件: Dyad创建的所有文件都存储在你本地电脑的一个文件夹里。你可以在Dyad应用内找到“在访达/资源管理器中显示”的选项。
- 用VS Code打开: 点击该选项后,系统会打开对应的文件夹。你可以直接用VS Code或其他代码编辑器打开这个文件夹。
- 自由编辑: 现在,你可以像编辑任何一个本地项目一样修改代码。你的修改会实时反映在Dyad的预览中,实现了本地开发环境和AI构建工具的协同工作。
应用场景
- 快速原型构建对于产品经理、设计师或开发者,当有了一个新的应用想法时,可以使用Dyad通过几次对话在几分钟内生成一个可以交互的应用原型。这个原型可以直接用来演示和收集反馈,极大地缩短了从想法到原型的验证周期。
- 全栈MVP开发初创公司或独立开发者可以利用Dyad的全栈能力,快速开发出最小可行产品(MVP)。通过集成Supabase,可以轻松实现用户认证、数据存储等后端功能,从而在没有后端工程师的情况下,也能构建出功能完整的Web应用。
- 前端界面开发辅助前端工程师可以使用Dyad来快速生成页面布局和组件样式。当需要实现一个复杂的UI组件时,可以先让AI生成基础代码,然后在此基础上进行手动微调,从而节省大量的重复性编码工作。
- 学习与实验对于编程初学者或想尝试新技术的人来说,Dyad是一个理想的学习工具。他们可以通过观察AI如何将自然语言需求转换成代码,来学习不同功能的具体实现方式,并可以直接修改代码进行实验,加深理解。
QA
- Dyad与传统的网站构建工具有何不同?传统网站构建工具通常要么是完全无代码的拖拽平台(如Wix),要么是纯粹的代码框架。Dyad则结合了两者的优点,它采用对话式AI生成代码,既避免了手动编码的繁琐,又不像拖拽平台那样缺乏灵活性。最关键的是,Dyad在本地运行并生成真实的代码文件,让用户拥有完全的控制权。
- 使用Dyad是否需要付费?Dyad的核心应用是免费且开源的。用户可以免费下载和使用它的所有基础功能。它通过让用户使用自己的AI模型API密钥来运作。此外,Dyad也提供一个名为“Dyad Pro”的付费版本,其中包含了一些高级功能,如AI积分和专属AI模型模式。
- 我的数据是否安全?非常安全。因为Dyad是一款在用户本地电脑上运行的桌面应用,所有源代码和项目文件都存储在你的本地硬盘上。如果你使用集成的Ollama来运行本地模型,那么整个开发过程(包括AI推理)都可以完全离线进行,确保了最高级别的数据隐私。
- 如果AI生成的功能不完美,我该怎么办?这是很常见的情况。你可以通过更详细的对话指令来迭代和修正AI生成的结果。如果需要进行更精细的调整,可以直接在本地用你喜欢的代码编辑器(如VS Code)打开项目文件,手动修改代码。Dyad的设计就是为了让AI辅助开发和传统手动编码能够无缝衔接。