关于 Opendraft
Opendraft 的 README 是通用 Lovable 项目模板,并未介绍产品本身。文档列出 Web 技术栈以及编辑和发布方式,但没有说明 Opendraft 的用途或功能。
主要功能
- 01通过 Lovable 编辑
- 02使用 IDE 本地开发
- 03在 GitHub 编辑文件
- 04使用 GitHub Codespaces
- 05通过 Lovable 发布
适用场景
- 01在 Lovable 中修改项目
- 02使用 Node.js 和 npm 本地开发
- 03在 GitHub 编辑仓库文件
- 04发布 Lovable 项目
配置
远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。
服务地址
https://api.opendraft.co/mcp一键复制安装命令
Claude CodeTerminal
claude mcp add --transport http opendraft https://api.opendraft.co/mcpCursor.cursor/mcp.json
{"mcpServers":{"opendraft":{"type":"http","url":"https://api.opendraft.co/mcp"}}}在 Cursor 中打开VS Code.vscode/mcp.json
{"servers":{"opendraft":{"type":"http","url":"https://api.opendraft.co/mcp"}}}在 VS Code 中打开Claude Desktopclaude_desktop_config.json
{"mcpServers":{"opendraft":{"type":"http","url":"https://api.opendraft.co/mcp"}}}Windsurf~/.codeium/windsurf/mcp_config.json
{"mcpServers":{"opendraft":{"serverUrl":"https://api.opendraft.co/mcp"}}}命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。
工具
详细介绍
欢迎使用你的 Lovable 项目
项目信息
URL:https://lovable.dev/projects/REPLACE_WITH_PROJECT_ID
如何编辑此代码?
有多种方式可以编辑你的应用程序。
使用 Lovable
只需访问 Lovable 项目,然后开始输入提示词。
通过 Lovable 所做的更改会自动提交到此代码库。
使用你偏好的 IDE
如果你想在本地使用自己的 IDE 进行开发,可以克隆此代码库并推送更改。推送的更改也会同步到 Lovable。
唯一的要求是安装 Node.js 和 npm——使用 nvm 安装
请按以下步骤操作:
# Step 1: Clone the repository using the project's Git URL.
git clone <YOUR_GIT_URL>
# Step 2: Navigate to the project directory.
cd <YOUR_PROJECT_NAME>
# Step 3: Install the necessary dependencies.
npm i
# Step 4: Start the development server with auto-reloading and an instant preview.
npm run dev
直接在 GitHub 中编辑文件
- 导航到所需的文件。
- 点击文件视图右上角的“Edit”按钮(铅笔图标)。
- 进行更改并提交。
使用 GitHub Codespaces
- 导航到代码库的主页。
- 点击右上方附近的“Code”按钮(绿色按钮)。
- 选择“Codespaces”选项卡。
- 点击“New codespace”以启动新的 Codespace 环境。
- 直接在 Codespace 中编辑文件,完成后提交并推送更改。
此项目使用了哪些技术?
此项目使用以下技术构建:
- Vite
- TypeScript
- React
- shadcn-ui
- Tailwind CSS
如何部署此项目?
只需打开 Lovable,然后点击 Share -> Publish。
我可以将自定义域名连接到 Lovable 项目吗?
可以!
如需连接域名,请前往 Project > Settings > Domains,然后点击 Connect Domain。
了解详情:设置自定义域名
评论
支持 Markdown
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。