CONNECT · MCP 连接

设计一个中文 MCP 连接能力展示页 CONNECT。深森林绿背景，淡绿细线网格，中央 Agent 节点通过五条曲线路径连接搜索、文档、记忆、设计和 API 节点。小光点沿路径缓慢移动，节点悬停时展示用途；所有连线和成功状态标为概念预览，不声称真实工具已连接。正文说明能力发现、最小权限与工具调用之间的区别，使用同一份机器可读说明作为来源。

使用 Next.js、React、TypeScript 与 Motion 开源版实现。桌面与手机均可使用，按钮有可见焦点；尊重 prefers-reduced-motion，提供暂停动态，离开视口停止循环。只采用有权使用的原创资产。不要编造用户数量、付款、认证或模型执行成功；所有示例状态明确为演示。

网页复制、JSON 与 Markdown 提供同一份原文。