diff --git a/public/icons/agents/bionic/dark.svg b/public/icons/agents/bionic/dark.svg new file mode 100644 index 00000000000..d6dca30d0dd --- /dev/null +++ b/public/icons/agents/bionic/dark.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/public/icons/agents/bionic/light.svg b/public/icons/agents/bionic/light.svg new file mode 100644 index 00000000000..1a5f864bdff --- /dev/null +++ b/public/icons/agents/bionic/light.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/content/docs/agent-setup/bionic.mdx b/src/content/docs/agent-setup/bionic.mdx new file mode 100644 index 00000000000..71e3bb1a6b4 --- /dev/null +++ b/src/content/docs/agent-setup/bionic.mdx @@ -0,0 +1,126 @@ +--- +title: LM Studio Bionic + Cloudflare +description: Use LM Studio Bionic with Cloudflare projects, local codebases, and local or cloud-hosted open-source models. +template: splash +pcx_content_type: how-to +products: + - agent-setup +--- + +import { Steps } from "~/components"; +import AgentHeader from "~/components/agent-setup/AgentHeader.astro"; +import PlatformAccess from "~/components/agent-setup/PlatformAccessSection.astro"; +import ExamplePromptsList from "~/components/agent-setup/ExamplePromptsList.astro"; +import RandomPrompt from "~/components/agent-setup/RandomPrompt.astro"; +import TipsList from "~/components/agent-setup/TipsList.astro"; +import FAQList from "~/components/agent-setup/FAQList.astro"; +import FAQItem from "~/components/agent-setup/FAQItem.astro"; +import TroubleshootingList from "~/components/agent-setup/TroubleshootingList.astro"; +import TroubleshootingItem from "~/components/agent-setup/TroubleshootingItem.astro"; +import BuildAgentsCallout from "~/components/agent-setup/BuildAgentsCallout.astro"; +import OtherAgents from "~/components/agent-setup/OtherAgents.astro"; + + + +## Quick start + + + 1. **Install LM Studio Bionic** + + Download and install Bionic from the [LM Studio Bionic website](https://lmstudio.ai/). + + 2. **Create a Code Project** + + In Bionic, create a **Code Project**, then select the local directory that contains your Cloudflare project. If your project has a `wrangler.jsonc` file, select the directory that contains it. + + 3. **Add the Cloudflare MCP server** + + In Bionic, add Cloudflare as a remote Model Context Protocol (MCP) server using the following URL: + + ```txt + https://mcp.cloudflare.com/mcp + ``` + + 4. **Try a prompt** + + Ask Bionic to investigate a task, make changes, and run relevant tests. Review its diffs and command output before keeping changes. + + For example: + + + + +## Cloudflare platform access + + + +## Example prompts + + + +## Tips + + + +- Use a **Code Project** for local Cloudflare source files. Use a **Work Project** for research, writing, and document tasks. +- Use the Cloudflare API MCP server for account resources and domain-specific servers for focused workflows. +- Review Bionic diffs and command output before keeping changes. + + + +## FAQ + + + + Use both. The Cloudflare API MCP server handles Cloudflare account operations, + such as DNS, WAF, R2, and Zero Trust. Wrangler handles local development, + deployments, and migrations. In a Code Project, Bionic can run local shell + commands, including Wrangler commands. + + + Add https://mcp.cloudflare.com/mcp as a remote MCP server. When + Bionic prompts you, complete the OAuth authorization flow in your browser and + choose the permissions to grant. + + + Yes. Create a Code Project from the existing project directory where + wrangler.jsonc is located. You can then ask Bionic to run the + deployment command for that project. + + + Code Mode is how the Cloudflare API MCP server fits all 2,500+ API endpoints + into about 1,000 tokens. Instead of exposing every endpoint as a separate tool, + it exposes search() and execute(). Bionic writes + JavaScript to call them. For more information, refer to + Code Mode. + + + +## Troubleshooting + + + + Confirm that the server URL is https://mcp.cloudflare.com/mcp. + Remove and re-add the remote MCP server in Bionic, then try connecting again. + + + Add the Cloudflare documentation MCP server at + https://docs.mcp.cloudflare.com/mcp so Bionic can retrieve current + documentation. Alternatively, point Bionic to + developers.cloudflare.com/llms.txt for a directory of + all products, or developers.cloudflare.com/<product>/llms.txt + for a product-specific index. + + + Remove and re-add the MCP server. When Bionic prompts you, complete the OAuth + authorization flow in your browser. + + + +## Build agents on Cloudflare + + + +## Other agents + + diff --git a/src/nimbus/components/agent-setup/agents.ts b/src/nimbus/components/agent-setup/agents.ts index 90cbe4f40f4..66dbf5a8750 100644 --- a/src/nimbus/components/agent-setup/agents.ts +++ b/src/nimbus/components/agent-setup/agents.ts @@ -193,4 +193,34 @@ export const AGENTS: AgentData[] = [ website: "https://windsurf.com", }, }, + { + name: "Bionic", + vendor: "LM Studio", + slug: "bionic", + icon: "bionic", + description: + "Powerful agent for coding and work. Natively local, with open models in the cloud. By LM Studio.", + capabilities: { + ide: false, + terminal: false, + standalone: true, + cloud: true, + extension: false, + open_source: false, + }, + features: [ + "Local, remote, and cloud models", + "Code Projects for local codebases", + "Repository search and file editing", + "Git and local shell tools", + ], + pricing_model: "hybrid", + model_flexibility: "multi_provider", + links: { + mcp_server: "https://github.com/cloudflare/mcp", + mcp_server_domain: "https://github.com/cloudflare/mcp-server-cloudflare", + docs: "https://lmstudio.ai/docs/bionic", + website: "https://lmstudio.ai/", + }, + }, ];