bricks_analyze_url

bricks_analyze_url({
  url: "https://example.com"
})
// Returns:
// {
//   url: "https://example.com",
//   colors: ["#1a1a2e", "#4361ee", "#e2e8f0", "rgba(0,0,0,0.1)"],
//   fonts: ["Inter", "Playfair Display"],
//   sections: [
//     { tag: "header", id: "site-header", classes: ["sticky", "bg-white"] },
//     { tag: "section", classes: ["hero", "full-width"] },
//     { tag: "section", id: "features", classes: ["py-20"] }
//   ],
//   layout_patterns: ["css-grid", "flexbox", "3-column-grid", "contained-width"]
// }

bricks_analyze_url({
  url: "https://example.com",
  extract: ["colors", "fonts"]
})

Tip: After extracting design tokens, use bricks_create_color_palette to create the color palette, bricks_upload_font or Google Fonts for typography, and bricks_update_theme_styles to set the typography scale.

Tip: The section structure output maps directly to Bricks sections. Use it as a blueprint: each detected <section> becomes a bricks_add_section call.

Tip: Layout pattern detection helps you choose between CSS Grid and Flexbox for your Bricks elements. If the reference site uses a 3-column grid, use _gridTemplateColumns: "1fr 1fr 1fr" in Bricks.

Warning: The URL fetch has a 15-second timeout. Very slow or large pages may time out. Single-page applications (SPAs) that render content via JavaScript may return minimal HTML.