mcpField
O
Opendraft

Opendraft

远程服务
github.com/kllyjsnAI 与智能体029 周前更新
代码仓库

关于 Opendraft

Opendraft 的 README 是通用 Lovable 项目模板,并未介绍产品本身。文档列出 Web 技术栈以及编辑和发布方式,但没有说明 Opendraft 的用途或功能。

主要功能

  1. 01通过 Lovable 编辑
  2. 02使用 IDE 本地开发
  3. 03在 GitHub 编辑文件
  4. 04使用 GitHub Codespaces
  5. 05通过 Lovable 发布

适用场景

  1. 01在 Lovable 中修改项目
  2. 02使用 Node.js 和 npm 本地开发
  3. 03在 GitHub 编辑仓库文件
  4. 04发布 Lovable 项目

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://api.opendraft.co/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;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

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。