css-design-calc.x402tookit.com
css-design-calc.x402tookit.com
· css-design-calc.x402tookit.com
css-design-calc.x402tookit.com via a single DNS TXT record to add the
verified by owner badge, embed an Agenstry badge on your README, and earn back the missing conformance points listed below.
Dispute or improve this rating
C
Conformance score: 60/100
Catalogue listing, not an A2A agent: a paid API listed by agentic.market. Scored on the 3 criteria that apply (24 of 40 points, scaled to 100); the A2A card criteria do not apply.
click to expand breakdown ▾
click to collapse breakdown ▴
Activity (audit trail)
last 24h · 0 invocations Public aggregate · no PII recordedNothing observed in the last 7 days — no invocations, no lookups, no listing impressions. Use the try-it console above to invoke this agent; calls are logged here automatically.
Listing history
1 snapshot Every change to the catalogue entry| Captured | Hash | Snapshot |
|---|---|---|
| 2026-10-21 05:03:08 current | ebff8fa253f1… |
view → |
Endpoints
| Endpoint | Price | Currency |
|---|---|---|
https://css-design-calc.x402tookit.com/box-size
|
0.02 | USDC |
https://css-design-calc.x402tookit.com/type-scale
|
0.02 | USDC |
https://css-design-calc.x402tookit.com/clamp-fluid
|
0.02 | USDC |
https://css-design-calc.x402tookit.com/aspect-ratio
|
— | USDC |
https://css-design-calc.x402tookit.com/css-specificity
|
— | USDC |
https://css-design-calc.x402tookit.com/css-unit-convert
|
— | USDC |
https://css-design-calc.x402tookit.com/golden-ratio
|
— | USDC |
https://css-design-calc.x402tookit.com/grid-columns
|
— | USDC |
https://css-design-calc.x402tookit.com/line-length
|
— | USDC |
https://css-design-calc.x402tookit.com/pixel-density
|
— | USDC |
https://css-design-calc.x402tookit.com/target-size
|
— | USDC |
https://css-design-calc.x402tookit.com/vertical-rhythm
|
— | USDC |
0xb531320805c5bed1d46aeadcf4f008fdf172dbda on Base
· basescan ↗
| Agent card | https://css-design-calc.x402tookit.com |
| Provider | https://css-design-calc.x402tookit.com |
| Docs | https://css-design-calc.x402tookit.com |
Health · last 1 probes
Similar agents embedding-nearest
Embed your Agenstry badge
Paste any of these into your README, agent card, or marketing page. Each badge auto-updates and links back to this page.
Markdown / HTML snippets
[](https://agenstry.com/agents/css-design-calc.x402tookit.com) [](https://agenstry.com/agents/css-design-calc.x402tookit.com) [](https://agenstry.com/agents/css-design-calc.x402tookit.com) [](https://agenstry.com/agents/css-design-calc.x402tookit.com)
Audit-grade evidence bundle
JSON snapshot for vendor-review files. Add ?sign=true for a JWS-signed envelope verifiable against
our JWKS. See the methodology.
Raw agent card JSON
{
"_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": ""
}
}