{"uid":"cap_8StYWXWb9RPtQqsuTqi1Y","slug":"url-design-tokens-extractor-2b24e4ef","name":"URL Design Tokens Extractor","description":"x402-native discovery surface for seven existing products.","url":"https://x402.167-179-80-192.sslip.io/v1/url-design-tokens/design-tokens","method":"POST","headers":{},"bodySchema":{"type":"object","properties":{"url":{"type":"string","format":"uri","pattern":"^https://"}}},"responseSchema":{"type":"json","example":{}},"example":null,"exampleRequest":null,"tags":["x402"],"displayCostAmount":"0.01","displayCostAsset":"USDC","priceDynamic":false,"priceHint":null,"priceStatus":"priced","priceSource":"probe","requiresHandshake":false,"reviewCount":0,"rating":{"score":"0.00","successRate":"0.00","reviews":0,"stars":null,"state":"unrated"},"availabilityStatus":"unknown","priceObserved":null,"sessionDeposit":null,"pricing":{"kind":"static","summary":"$0.01/call","primary":{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.01","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.01","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_BDntwhGl8bVLuuQGKnTd2","protocol":"x402","methodType":"crypto","chain":"base","mode":"charge","costAmount":"0.01","costPer":"request","priority":0,"asset":"0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913","unit":"request","depositMicros":null,"planRef":null}],"brandName":null,"brandSlug":null,"brandBaseUrl":null,"brandDocsUrl":null,"whatItDoes":"Extracts design tokens (colors, typography, spacing, etc.) from a given HTTPS URL by analyzing its visual and CSS properties.","exampleAgentPrompt":"Can you extract the design tokens — colors, fonts, spacing — from https://www.stripe.com so I can replicate their visual style?","exampleUseCases":[{"title":"Brand style reverse engineering","prompt":"Pull all the design tokens from https://www.airbnb.com — I want to see their color palette, font choices, and spacing so I can study their design system."},{"title":"Design system audit for client site","prompt":"Extract the design tokens from https://www.acmecorp.com so I can document what colors and typography they're currently using before we redesign it."},{"title":"Competitor visual analysis","prompt":"What design tokens is https://www.notion.so using? I want to compare their visual style — colors, fonts, and spacing — against our own design system."}],"resultDescription":"Returns a JSON object containing extracted design tokens from the target URL, potentially including color values, typography settings (font families, sizes, weights), spacing scales, border radii, and other CSS custom properties or design variables found on the page.","failureModes":["URL is not HTTPS — the schema requires https:// prefix, so http:// URLs will be rejected","Target URL is unreachable or returns a non-200 status — extraction fails with no tokens returned","Page is heavily JavaScript-rendered and tokens cannot be statically extracted","Empty response example suggests output schema may be sparse or inconsistent","Payment failure via x402 protocol results in 402 error before processing begins","URL points to a PDF or non-HTML resource with no extractable design tokens"],"whenToPreferThis":"Choose this endpoint when you need to programmatically extract design tokens from a live website URL, especially when you want to reverse-engineer a design system, audit brand consistency, or replicate visual styles from an existing site. It is particularly useful for front-end developers and designers who need structured token data rather than manual inspection via browser DevTools.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-09-14T06:31:27.642Z","isFirstParty":false}