文档 · MCP
将 Codex、Claude Code 和 Cursor 连接到 Fieldbook MCP
配置编程智能体,通过 Fieldbook MCP 服务器查找 UI 组件、获取框架源代码并遵循安装指南。
阅读智能体构建指南端点
https://fieldbook.lizardi.mx/api/mcp身份验证
每个请求都携带 Bearer 令牌。支持以下两种:
API 密钥(现已可用)
创建密钥,请前往你的 控制台 并以以下形式发送
Authorization: Bearer fb_live_…。密钥仅显示一次,系统只存储哈希值。Clerk OAuth(配置后可用)
支持 OAuth 的客户端可通过以下地址发现授权服务器:
/.well-known/oauth-protected-resource并以交互方式完成身份验证,无需手动输入密钥。
连接
在启动编辑器或智能体的环境中设置 FIELDBOOK_TOKEN。示例引用此变量,请勿将真实 API 密钥提交到项目中。
Codex
codex mcp add fieldbook --url https://fieldbook.lizardi.mx/api/mcp --bearer-token-env-var FIELDBOOK_TOKEN
Claude Code · .mcp.json
{
"mcpServers": {
"fieldbook": {
"type": "http",
"url": "https://fieldbook.lizardi.mx/api/mcp",
"headers": {
"Authorization": "Bearer ${FIELDBOOK_TOKEN}"
}
}
}
}Cursor · .cursor/mcp.json
{
"mcpServers": {
"fieldbook": {
"url": "https://fieldbook.lizardi.mx/api/mcp",
"headers": {
"Authorization": "Bearer ${env:FIELDBOOK_TOKEN}"
}
}
}
}对于需要 OAuth 的客户端,请仅在授权流程已配置并验证后使用已部署的流程。上方 API 密钥示例适用于支持 Bearer 请求头的客户端。
MCP Inspector。 运行检查器,输入端点并设置 Authorization: Bearer 请求头,以交互方式探索工具。
MCP Inspector
npx @modelcontextprotocol/inspector
工具
v2 规则包含 level、scopes、clusters、fineWhen 和 observes。suggest_alternatives 会将已停用的规则标识符解析为现有的后继规则。score_page 的 scope 可设为 page 或 section,intent 条目包含 ruleId 和 reason。cluster-v2 报告包含带有 status 和 points 的 flags,以及 reviews、hardFails、clusters、declared 和 changes。目录中的评分保留各自的 rulesetVersion。请求正文上限为 256 KiB,较大的页面请使用 url。超出上限的请求返回 HTTP 413 和 JSON-RPC 错误。
计量收费工具会消耗每月配额中的积分(所有者套餐不计量)。其余功能免费,并按密钥限流。
选中一张组件卡片。 每个组件都有四位数编号,显示在卡片和详情页上。浏览目录、选择组件,再将编号交给智能体。所有组件工具都接受 plate 替代 slug,以及类似的写法 0412, #412 或 FB-0412 也可识别。每个组件页面都提供标识符和即用提示词的复制按钮。
search_components免费query?, category?, framework?, access?, maxSlopScore?, limit (max 25)
在目录中搜索预览、访问级别和已测试框架。公开组件会显示安装命令;套餐包含的会员组件也会显示。
get_component1 积分slug or plate, framework (default react)
获取组件在所选框架下的源代码及演示,包含属性、依赖和安装指南。有效的 Pro 套餐包含会员组件;其他账户会收到 membership_required,且不消耗积分。
list_frameworks免费slug or plate
组件提供哪些框架版本,以及哪些移植版本尚未完成。
get_install_command免费slug or plate, framework (default react)
组件的安装命令、注册表 URL 和 components.json 配置片段。有效的 Pro 套餐包含会员组件。
get_design_guidance免费query?, domain?, stack?, productType?, limit?
搜索避免粗制设计的指南语料库。
generate_design_system2 积分productType, keywords?, stack?, variance?, motion?, density?
生成具有辨识度的设计系统:配色、字体、布局、动效、UX 规则及检查清单。
get_slop_rules免费category?, level?, scope?
为编程智能体获取 Fieldbook 的设计准则。
get_font_guidance免费role?, family?, name?
了解每种推荐字体的外观和表现,以及经过测试的搭配和背后的原则。
suggest_alternatives免费ruleId
获取设计问题的替代建议。
score_page免费html? | url?, scope? (page | section), intent? [{ ruleId, reason }]
按规则集为页面评分(通过 SSRF 防护获取 URL)。
注册表
直接安装公开组件,或使用下方的 components.json 注册表。有效的 Pro 套餐包含会员组件。
components.json
{
"registries": {
"@fieldbook": {
"url": "https://fieldbook.lizardi.mx/r/react/{name}.json",
"headers": {
"Authorization": "Bearer ${FIELDBOOK_TOKEN}"
}
}
}
}本站及这些端点的机器可读索引位于 /llms.txt.