mcpField
A
Axcess

Axcess

本地服务
github.com/sicxz开发工具031 周前更新

关于 Axcess

Axcess 是面向设计师和开发者的付费 MCP 服务,用于评估字体排版的无障碍性。它检查字体粗细相关的对比度、间距、行长和层级等设计因素,并返回结构化报告。

主要功能

  1. 01评估 1–50 个排版元素
  2. 02结合字重评估对比度
  3. 03检查字号与行高
  4. 04检查行长、大小写与字距
  5. 05评估不同背景上的文字
  6. 06生成结构化无障碍报告

适用场景

  1. 01审查界面设计中的文字排版
  2. 02发现自动扫描器未检测到的无障碍问题

MCP 相关

Axcess 向 MCP 客户端提供 `list_capabilities` 和 `evaluate_typography` 工具。排版评估通过 x402 在 Base 主网上收取 0.05 USDC。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"axcess": {
"command": "npx",
"args": [
"-y",
"mcp-remote"
]
}
}
}
启动命令npx -y mcp-remote

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npmmcp-remote

工具

3

收录的工具列表 · 更新于 3 周前

此工具无需参数。

详细介绍

Axcess — 通过 MCP 进行字体排版无障碍评估

一款付费 MCP 服务,可评估自动化扫描器无法发现的字体排版无障碍问题。

每次评估 $0.05 USDC · Base 主网 · x402 小额支付


可检测的问题

自动化工具(axe、Lighthouse、WAVE)只能检测出大约 30% 的 WCAG 不合规问题,几乎无法发现需要设计判断的问题。Axcess 可评估:

  • 结合字重考量的对比度:字号相同的情况下,细体字比粗体字需要更高的对比度
  • 正文、说明文字和标签的最小字号
  • 行高是否合适(包括对阅读障碍用户的适用性)
  • 行长(字宽)的舒适度:过宽或过窄
  • 长时间使用全大写和斜体的情况
  • 字间距过大或过小
  • 渐变、图像或图案背景上的文字
  • 标题层级以及各级标题之间的视觉区分
  • 展示字体的缩放和字距调整
  • 超越 WCAG 要求的 Bringhurst 和 Lupton 设计工艺规范

作为 MCP 客户端连接

Claude.ai(网页端 — Pro / Max / Team / Enterprise)

设置 → 集成 → 添加 MCP 服务

https://axcess-mcp-server.fly.dev/mcp
Claude Desktop / Cursor(通过 mcp-remote)

添加到 claude_desktop_config.json(或 Cursor MCP 设置):

{
  "mcpServers": {
    "axcess": {
      "command": "npx",
      "args": [
        "mcp-remote",
        "https://axcess-mcp-server.fly.dev/mcp"
      ]
    }
  }
}
编程方式(AI Agent 和脚本)

使用 @x402/fetch 自动处理支付:

import { wrapFetchWithPaymentFromConfig } from '@x402/fetch';
import { ExactEvmScheme } from '@x402/evm/exact/client';
import { privateKeyToAccount } from 'viem/accounts';

const account = privateKeyToAccount(process.env.EVM_PRIVATE_KEY as `0x${string}`);
const fetchWithPayment = wrapFetchWithPaymentFromConfig(fetch, {
  schemes: [{ network: 'eip155:*', client: new ExactEvmScheme(account) }],
});

const response = await fetchWithPayment(
  'https://axcess-mcp-server.fly.dev/mcp',
  {
    method: 'POST',
    headers: {
      'content-type': 'application/json',
      'accept': 'application/json',
      'mcp-protocol-version': '2025-03-26',
    },
    body: JSON.stringify({
      jsonrpc: '2.0',
      id: 1,
      method: 'tools/call',
      params: {
        name: 'evaluate_typography',
        arguments: {
          screen_name: 'Hero Section',
          elements: [
            {
              element_type: 'heading',
              heading_level: 1,
              font_size: 48,
              font_weight: 300,
              line_height: 1.1,
              color_hex: '#888888',
              background_color_hex: '#ffffff',
            },
          ],
        },
      },
    }),
  }
);

参阅 src/scripts/test_paid_tool.ts,查看完整可运行示例。


定价

工具价格状态
list_capabilities免费已上线
evaluate_typography$0.05 USDC已上线
evaluate_accessibility$0.10 USDC即将推出

支付:通过 x402 protocol 使用 Base 主网上的 USDC(eip155:8453)。


工具

list_capabilities(免费)

返回可用工具、定价和评估标准类别。无需支付。

evaluate_typography($0.05)

评估 1–50 个字体排版元素,并返回结构化的无障碍报告。

输入:

{
  screen_name?: string;          // optional label for the report
  elements: Array<{
    element_id?: string;
    element_type: 'heading' | 'body' | 'caption' | 'label' | 'button' | 'display' | 'ui';
    heading_level?: 1 | 2 | 3 | 4 | 5 | 6;
    font_size: number;           // px
    font_weight: number;         // 100–900
    line_height: number;         // multiplier (e.g. 1.5, not px)
    letter_spacing?: number;     // em units
    text_transform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';
    font_style?: 'normal' | 'italic' | 'oblique';
    content_length?: number;     // character count
    color_hex: string;           // '#rrggbb'
    background_color_hex: string;
    background_type?: 'solid' | 'gradient' | 'image' | 'pattern' | 'video';
    context?: string;            // e.g. 'hero section', 'navigation'
  }>;
}

输出:

{
  screen_name?: string;
  evaluated_at: string;
  element_evaluations: Array<{
    element_id: string;
    element_type: string;
    issues: Array<{
      criterion_id: string;
      criterion: string;
      severity: 'critical' | 'major' | 'minor';
      wcag_reference: string;
      what_scanners_miss: string;
      finding: string;
      recommendation: string;
      passes_wcag_minimum: boolean;
      passes_design_judgment: boolean;
    }>;
    score: number;              // 0–100
    passes: string[];
  }>;
  summary: {
    overall_score: number;
    verdict: 'pass' | 'needs_work' | 'fail';
    total_issues: number;
    by_severity: { critical: number; major: number; minor: number };
  };
  top_issues: Issue[];
}

部署到 Fly.io(免费套餐)

要求:flyctl、Base 上的 USDC 钱包、免费的 CDP API 密钥

fly auth login
fly launch --name axcess-mcp-server --no-deploy

# Set secrets (never committed to git)
fly secrets set PAYMENT_ADDRESS=0x...
fly secrets set X402_NETWORK=eip155:8453
fly secrets set CDP_API_KEY_ID=...
fly secrets set CDP_API_KEY_SECRET=...

fly deploy

你的应用将在 https://axcess-mcp-server.fly.dev 上线。

提交到注册平台之前,请更新 smithery.yaml 中的 URL,以及上方的“连接”部分。

本地自行托管

要求:Node.js 18+

git clone <repo>
cd axcess-mcp-server
cp .env.example .env
# Edit .env with your PAYMENT_ADDRESS, CDP keys, and X402_NETWORK
npm install
npm run build
npm start

在测试网上进行本地开发(无需真实支付):

PAYMENT_ADDRESS=0x... X402_NETWORK=eip155:84532 npm run dev
EVM_PRIVATE_KEY=0x... npm run test:paid

参阅 .env.example,查看所有配置选项。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。