Qishu Agent Tool Platform Home
A white-and-blue home page for an AI agent tool platform: a binary-texture hero with a one-click copy command box, a pixel robot branching out to a tool grid, three-step flow, a terminal demo replayed line by line, three integration options, an accent CTA bar, FAQ accordion and an oversized wordmark footer.
Overview
A complete single-file page to start from. Structure, copy slots and responsive layout are all in place; copy the prompt to your model and it rewrites the copy, colors and images for your brand.
Where to use it
Development者Tool, 云服务和 API Product的官网Home.
Install
With Builder, fetch the full page source with the 8pt CLI or call it directly from an editor connected to 8pt MCP.
$ npm i -g @8pt-dev/cli && 8pt template agent-tool-hub
mcp › Use 8pt MCP to call get_template("agent-tool-hub")
Code
Single-file HTML + CSS, no build step.
<!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}
…Subscribe to Builder to see the full source.See pricing