器枢 智能体工具接入平台首页
白底蓝调的 AI 智能体工具平台首页：二进制底纹首屏与一键复制命令框、像素机器人分叉连到工具网格、三步流程、逐行回放的终端演示、三种接入方式切换、主色行动条、问答折叠和超大字标页脚。
介绍
一个完整的单文件页面，从这里起步。结构、文案位和响应式都已排好，复制提示词交给模型，它会按你的品牌改写文案、配色和图片。
适用场景
开发者工具、云服务和 API 产品的官网首页。
安装
订阅 Builder 后，用 8pt CLI 取回整页源码，或在已接入 8pt MCP 的编辑器里直接调用。
$ npm i -g @8pt-dev/cli && 8pt template agent-tool-hub
mcp › 使用 8pt MCP 调用 get_template("agent-tool-hub")
代码
单文件 HTML + CSS，无构建步骤。
<!doctype html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>器枢 · 让智能体自己找工具</title><meta name="robots" content="noindex">
<style>
:root{--acc:#0016D7;--acc2:#2a3cff;--ink:#1c1c1e;--mut:#6e6e73;--line:#ececee;--soft:#fafafa;--card:#fff;
--sans:"Inter","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;
--mono:ui-monospace,"SFMono-Regular","JetBrains Mono",Menlo,Consolas,"DejaVu Sans Mono",monospace}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
…订阅 Builder 查看完整源码。查看价格