Extract a website's design system by domain — CSS
branddev.brand.styleguideColors, type scale, spacing, shadows and component styles (button, card, input) lifted from a live site, each with ready-to-paste CSS
- Price
- $0.02534/successプロバイダー原価
- Success rate
- —成功率データはまだありません成功率データはまだありません
- Latency p50
- ——
- Last verified
- 2026/08/20Verified working
GEThttps://toolswitch.dev/v1/tools/branddev.brand.styleguide?domain=stripe.comPreview- Uses platform quota
- Synchronous response
- Reads public data
パラメータ
the programmatic-theming call: enough to render an app in a customer's brand without a designer. Values are measured off the rendered page, so a heavily JS-themed site can report the pre-hydration palette
| パラメータ | 型 | 必須 | 説明 | 例 |
|---|---|---|---|---|
| クエリパラメータ | ||||
domain | 文字列 | 必須 | bare domain, no scheme | stripe.com |
maxAgeMs | 整数 | 任意 | maximum acceptable age of the cached styleguide in ms; lower forces a fresh render | |
timeoutMS | 整数 | 任意 | ||
- クエリパラメータ
domain文字列必須bare domain, no scheme
例：
stripe.commaxAgeMs整数任意maximum acceptable age of the cached styleguide in ms; lower forces a fresh render
timeoutMS整数任意
コード例
$TOOLSWITCH_KEY をコンソールで作成したキーに置き換えてください。
Preview
curl -X GET 'https://toolswitch.dev/v1/tools/branddev.brand.styleguide?domain=stripe.com' \
-H "X-Toolswitch-Key: $TOOLSWITCH_KEY"import os
import requests
response = requests.request(
"GET",
"https://toolswitch.dev/v1/tools/branddev.brand.styleguide?domain=stripe.com",
headers={"X-Toolswitch-Key": os.environ["TOOLSWITCH_KEY"]},
)
response.raise_for_status()
print(response.text)const response = await fetch("https://toolswitch.dev/v1/tools/branddev.brand.styleguide?domain=stripe.com", {
method: "GET",
headers: {
"X-Toolswitch-Key": process.env.TOOLSWITCH_KEY ?? "",
},
});
if (!response.ok) throw new Error(`Request failed: ${response.status}`);
console.log(await response.text());このゲートウェイ API はプレビュー版です。URL や認証方式は変更される場合があります。 パラメータはサンプルデータです。 呼び出し料金は $0.02534/success です。サービス料を含みます。