Back to css-design-calc.x402tookit.com
Card snapshot
css-design-calc.x402tookit.com
·
2026-10-21 05:03:08 UTC
·
ebff8fa253f13fabb135e0474b4966a33df7495a5372e1522b3e8fea5d6278ac
This is a frozen copy of the agent's agent-card.json as we observed it at the timestamp above. We capture a new snapshot every time the card's content hash changes. Useful for: forensic drift analysis, verifying downstream callers see the right version, reproducing routing decisions made historically.
{
"_source": "agentic.market",
"service": {
"id": "css-design-calc-x402tookit-com",
"name": "css-design-calc.x402tookit.com",
"description": "",
"domain": "css-design-calc.x402tookit.com",
"provider": "css-design-calc.x402tookit.com",
"providerUrl": "",
"category": "",
"networks": [
"Base",
"eip155:137",
"eip155:42161",
"solana:5eykt4usfv8p8njdtrepy1vzqkqzkvdp"
],
"enriched": false,
"endpoints": [
{
"url": "https://css-design-calc.x402tookit.com/aspect-ratio",
"description": "Aspect ratio of a width and height (simplified, nearest common ratio) or the missing side for a ratio, with CSS values.",
"pricing": {
"amount": "0.02",
"currency": "USDC",
"network": "eip155:8453",
"scheme": "exact",
"maxAmount": "",
"minAmount": ""
},
"method": "GET",
"providerName": "",
"parameters": [
{
"group": "query",
"name": "height",
"type": "number",
"description": "",
"example": 1080,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "width",
"type": "number",
"description": "",
"example": 1920,
"enumValues": [],
"default": null,
"required": false
}
],
"serviceName": "CSS Design Calc",
"tags": [
"css",
"aspect-ratio",
"images",
"video"
],
"quality": {
"l30DaysTotalCalls": "1",
"l30DaysUniquePayers": "1"
}
},
{
"url": "https://css-design-calc.x402tookit.com/box-size",
"description": "CSS box model sizes: content, padding, border and margin boxes from a width and height under content-box or border-box.",
"pricing": {
"amount": "0.02",
"currency": "USDC",
"network": "eip155:8453",
"scheme": "exact",
"maxAmount": "",
"minAmount": ""
},
"method": "GET",
"providerName": "",
"parameters": [
{
"group": "query",
"name": "border",
"type": "number",
"description": "",
"example": 2,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "boxSizing",
"type": "string",
"description": "",
"example": "content-box",
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "height",
"type": "number",
"description": "",
"example": 200,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "margin",
"type": "number",
"description": "",
"example": 10,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "padding",
"type": "number",
"description": "",
"example": 20,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "width",
"type": "number",
"description": "",
"example": 300,
"enumValues": [],
"default": null,
"required": false
}
],
"serviceName": "CSS Design Calc",
"tags": [
"css",
"box-model",
"layout",
"box-sizing"
],
"quality": {
"l30DaysTotalCalls": "1",
"l30DaysUniquePayers": "1"
}
},
{
"url": "https://css-design-calc.x402tookit.com/clamp-fluid",
"description": "Generate a CSS clamp() that scales a size linearly between a min and max viewport width, in rem, with the exact slope.",
"pricing": {
"amount": "0.02",
"currency": "USDC",
"network": "eip155:8453",
"scheme": "exact",
"maxAmount": "",
"minAmount": ""
},
"method": "GET",
"providerName": "",
"parameters": [
{
"group": "query",
"name": "maxSize",
"type": "number",
"description": "",
"example": 24,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "maxViewport",
"type": "number",
"description": "",
"example": 1200,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "minSize",
"type": "number",
"description": "",
"example": 16,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "minViewport",
"type": "number",
"description": "",
"example": 320,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "rootPx",
"type": "number",
"description": "",
"example": 16,
"enumValues": [],
"default": null,
"required": false
}
],
"serviceName": "CSS Design Calc",
"tags": [
"css",
"clamp",
"fluid-typography",
"responsive"
],
"quality": {
"l30DaysTotalCalls": "1",
"l30DaysUniquePayers": "1"
}
},
{
"url": "https://css-design-calc.x402tookit.com/css-specificity",
"description": "CSS selector specificity (ids, classes, types) per Selectors Level 4, including :is(), :not(), :where() and :has(); compare two.",
"pricing": {
"amount": "0.02",
"currency": "USDC",
"network": "eip155:8453",
"scheme": "exact",
"maxAmount": "",
"minAmount": ""
},
"method": "GET",
"providerName": "",
"parameters": [
{
"group": "query",
"name": "compareTo",
"type": "string",
"description": "",
"example": ".link.active",
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "selector",
"type": "string",
"description": "",
"example": "#main nav a.active:not(.disabled)",
"enumValues": [],
"default": null,
"required": false
}
],
"serviceName": "CSS Design Calc",
"tags": [
"css",
"specificity",
"selectors",
"debugging"
],
"quality": {
"l30DaysTotalCalls": "1",
"l30DaysUniquePayers": "1"
}
},
{
"url": "https://css-design-calc.x402tookit.com/css-unit-convert",
"description": "Convert a CSS length between px, rem, em, pt, pc, in, cm, mm, Q, vw, vh, vmin, vmax and % with your root and viewport sizes.",
"pricing": {
"amount": "0.02",
"currency": "USDC",
"network": "eip155:8453",
"scheme": "exact",
"maxAmount": "",
"minAmount": ""
},
"method": "GET",
"providerName": "",
"parameters": [
{
"group": "query",
"name": "from",
"type": "string",
"description": "",
"example": "px",
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "rootPx",
"type": "number",
"description": "",
"example": 16,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "to",
"type": "string",
"description": "",
"example": "rem",
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "value",
"type": "number",
"description": "",
"example": 18,
"enumValues": [],
"default": null,
"required": false
}
],
"serviceName": "CSS Design Calc",
"tags": [
"css",
"units",
"rem",
"px",
"converter"
],
"quality": {
"l30DaysTotalCalls": "1",
"l30DaysUniquePayers": "1"
}
},
{
"url": "https://css-design-calc.x402tookit.com/golden-ratio",
"description": "Split a length into major and minor parts by the golden ratio (or silver, root-2, custom) with matching rectangle sizes.",
"pricing": {
"amount": "0.02",
"currency": "USDC",
"network": "eip155:8453",
"scheme": "exact",
"maxAmount": "",
"minAmount": ""
},
"method": "GET",
"providerName": "",
"parameters": [
{
"group": "query",
"name": "ratio",
"type": "string",
"description": "",
"example": "golden",
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "total",
"type": "number",
"description": "",
"example": 1200,
"enumValues": [],
"default": null,
"required": false
}
],
"serviceName": "CSS Design Calc",
"tags": [
"css",
"golden-ratio",
"layout",
"proportion"
],
"quality": {
"l30DaysTotalCalls": "1",
"l30DaysUniquePayers": "1"
}
},
{
"url": "https://css-design-calc.x402tookit.com/grid-columns",
"description": "Column and span widths for an N-column grid from container width, columns and gutter, or the container for a column width.",
"pricing": {
"amount": "0.02",
"currency": "USDC",
"network": "eip155:8453",
"scheme": "exact",
"maxAmount": "",
"minAmount": ""
},
"method": "GET",
"providerName": "",
"parameters": [
{
"group": "query",
"name": "columns",
"type": "number",
"description": "",
"example": 12,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "containerWidth",
"type": "number",
"description": "",
"example": 1140,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "gutter",
"type": "number",
"description": "",
"example": 30,
"enumValues": [],
"default": null,
"required": false
}
],
"serviceName": "CSS Design Calc",
"tags": [
"css",
"grid",
"layout",
"columns"
],
"quality": {
"l30DaysTotalCalls": "1",
"l30DaysUniquePayers": "1"
}
},
{
"url": "https://css-design-calc.x402tookit.com/line-length",
"description": "Estimate characters per line from column width and font size and rate it for readability (45-75 ideal, WCAG max 80).",
"pricing": {
"amount": "0.02",
"currency": "USDC",
"network": "eip155:8453",
"scheme": "exact",
"maxAmount": "",
"minAmount": ""
},
"method": "GET",
"providerName": "",
"parameters": [
{
"group": "query",
"name": "avgCharWidthEm",
"type": "number",
"description": "",
"example": 0.5,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "fontSizePx",
"type": "number",
"description": "",
"example": 18,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "widthPx",
"type": "number",
"description": "",
"example": 720,
"enumValues": [],
"default": null,
"required": false
}
],
"serviceName": "CSS Design Calc",
"tags": [
"css",
"typography",
"readability",
"accessibility"
],
"quality": {
"l30DaysTotalCalls": "1",
"l30DaysUniquePayers": "1"
}
},
{
"url": "https://css-design-calc.x402tookit.com/pixel-density",
"description": "Screen pixel density (PPI) from resolution and diagonal, physical size, CSS viewport at a device pixel ratio, and image widths.",
"pricing": {
"amount": "0.02",
"currency": "USDC",
"network": "eip155:8453",
"scheme": "exact",
"maxAmount": "",
"minAmount": ""
},
"method": "GET",
"providerName": "",
"parameters": [
{
"group": "query",
"name": "cssWidth",
"type": "number",
"description": "",
"example": 400,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "diagonalIn",
"type": "number",
"description": "",
"example": 27,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "dpr",
"type": "number",
"description": "",
"example": 1,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "heightPx",
"type": "number",
"description": "",
"example": 1440,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "widthPx",
"type": "number",
"description": "",
"example": 2560,
"enumValues": [],
"default": null,
"required": false
}
],
"serviceName": "CSS Design Calc",
"tags": [
"css",
"ppi",
"dpr",
"responsive-images"
],
"quality": {
"l30DaysTotalCalls": "1",
"l30DaysUniquePayers": "1"
}
},
{
"url": "https://css-design-calc.x402tookit.com/target-size",
"description": "Check a click or touch target against WCAG 2.2 target size (24 px AA, 44 px AAA) including the spacing exception.",
"pricing": {
"amount": "0.02",
"currency": "USDC",
"network": "eip155:8453",
"scheme": "exact",
"maxAmount": "",
"minAmount": ""
},
"method": "GET",
"providerName": "",
"parameters": [
{
"group": "query",
"name": "heightPx",
"type": "number",
"description": "",
"example": 20,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "neighbourCenterDistancePx",
"type": "number",
"description": "",
"example": 26,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "widthPx",
"type": "number",
"description": "",
"example": 20,
"enumValues": [],
"default": null,
"required": false
}
],
"serviceName": "CSS Design Calc",
"tags": [
"accessibility",
"wcag",
"touch-target",
"css"
],
"quality": {
"l30DaysTotalCalls": "1",
"l30DaysUniquePayers": "1"
}
},
{
"url": "https://css-design-calc.x402tookit.com/type-scale",
"description": "Modular type scale: sizes in px and rem for steps below and above a base size, by named ratio (major third, golden) or number.",
"pricing": {
"amount": "0.02",
"currency": "USDC",
"network": "eip155:8453",
"scheme": "exact",
"maxAmount": "",
"minAmount": ""
},
"method": "GET",
"providerName": "",
"parameters": [
{
"group": "query",
"name": "base",
"type": "number",
"description": "",
"example": 16,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "down",
"type": "number",
"description": "",
"example": 2,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "ratio",
"type": "string",
"description": "",
"example": "major-third",
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "up",
"type": "number",
"description": "",
"example": 5,
"enumValues": [],
"default": null,
"required": false
}
],
"serviceName": "CSS Design Calc",
"tags": [
"css",
"typography",
"type-scale",
"design"
],
"quality": {
"l30DaysTotalCalls": "1",
"l30DaysUniquePayers": "1"
}
},
{
"url": "https://css-design-calc.x402tookit.com/vertical-rhythm",
"description": "Snap line-heights for font sizes to a baseline grid: baseline unit, lines per element, unitless line-height and margins.",
"pricing": {
"amount": "0.02",
"currency": "USDC",
"network": "eip155:8453",
"scheme": "exact",
"maxAmount": "",
"minAmount": ""
},
"method": "GET",
"providerName": "",
"parameters": [
{
"group": "query",
"name": "baseFontPx",
"type": "number",
"description": "",
"example": 16,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "baseLineHeight",
"type": "number",
"description": "",
"example": 1.5,
"enumValues": [],
"default": null,
"required": false
},
{
"group": "query",
"name": "sizes",
"type": "string",
"description": "",
"example": "12,16,20,24,32,48",
"enumValues": [],
"default": null,
"required": false
}
],
"serviceName": "CSS Design Calc",
"tags": [
"css",
"typography",
"vertical-rhythm",
"baseline-grid"
],
"quality": {
"l30DaysTotalCalls": "1",
"l30DaysUniquePayers": "1"
}
}
],
"integrationType": "",
"isNew": false,
"priceSummary": {
"minAmount": "0.02",
"maxAmount": "0.02",
"avgCostPerTransaction": "0.02",
"avgCostBasis": "exact",
"currency": "USDC"
},
"serviceName": "CSS Design Calc",
"tags": [
"css",
"aspect-ratio",
"images",
"video",
"box-model",
"layout",
"box-sizing",
"clamp",
"fluid-typography",
"responsive",
"specificity",
"selectors",
"debugging",
"units",
"rem",
"px",
"converter",
"golden-ratio",
"proportion",
"grid",
"columns",
"typography",
"readability",
"accessibility",
"ppi",
"dpr",
"responsive-images",
"wcag",
"touch-target",
"type-scale",
"design",
"vertical-rhythm",
"baseline-grid"
],
"iconUrl": ""
}
}