doc: add multi-language guide for authoring and packaging tools

Signed-off-by: Nick Hale <[email protected]>

docs/docs/03-guides/01-first-tool.mdx

@@ -0,0 +1,29 @@
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+import PythonHashToolReadme from '../../snippets/python-hash-tool-readme.md.mdx';
+import NodeHashToolReadme from '../../snippets/node-hash-tool-readme.md.mdx';
+import GoHashToolReadme from '../../snippets/go-hash-tool-readme.md.mdx';
+
+# Writing your First Tool
+
+While Otto8 ships with a robust library of built-in [Tools](../02-concepts/03-tools.md), building custom
+Tools tailored to your ecosystem will supercharge your Agents.
+
+The following guides will show you how to write and package custom Tools in Python, Node.js, and Go;
+unleashing the full potential of your Agents by enabling them to integrate with any data source, service,
+or platform with just a few lines of code.
+
+<Tabs>
+  <TabItem value="python" label="Python" default>
+    <PythonHashToolReadme />
+  </TabItem>
+
+  <TabItem value="node" label="Node.js" default>
+    <NodeHashToolReadme />
+  </TabItem>
+
+  <TabItem value="go" label="Go" default>
+    <GoHashToolReadme />
+  </TabItem>
+</Tabs>

docs/docusaurus.config.ts

@@ -37,6 +37,10 @@ const config: Config = {
     ],
   ],
 
+  plugins: [
+    require.resolve('./src/plugins/fetch-snippets'),
+  ],
+
   themeConfig: {
     // Replace with your project's social card
     image: 'img/otto8-logo-blue-black-text.svg',

docs/package.json

@@ -18,6 +18,7 @@
     "@docusaurus/core": "3.6.1",
     "@docusaurus/preset-classic": "3.6.1",
     "@mdx-js/react": "^3.0.0",
+    "axios": "^1.7.7",
     "clsx": "^2.0.0",
     "prism-react-renderer": "^2.3.0",
     "react": "^18.0.0",