brand-extractor

Extract a complete design system and brand identity from a URL. Produces validated design tokens, component replications, brand voice analysis, and a comprehensive brand document.

Run validation gates against an existing brand extraction. Use when you have already extracted tokens and want to re-validate, or when validating a manually created design token file against a source URL.

Extracts design systems from URLs using Playwright, CSS analysis, and AI interpretation. Runs the full extraction pipeline (reconnaissance, token extraction, asset extraction, voice analysis, synthesis, component replication). Works with the validation-agent in a generator-critic loop.

Adversarial quality assurance agent that evaluates brand extractions against a strict 5-gate rubric. Produces machine-readable pass/fail verdicts with remediation instructions. Independent from the extraction agent to ensure unbiased evaluation. Use when validating design token extractions, component replications, or brand voice analyses.

Extract complete design systems and brand identities from URLs using Playwright, CSS analysis, and AI interpretation. Covers colour, typography, spacing, components, brand voice, and accessibility. Use when extracting design tokens from websites, reverse-engineering design systems, creating brand documentation from live sites, or building component replications from extracted tokens.

Analyse brand voice, tone, and content strategy from website text content. Extracts tone dimensions, voice characteristics, vocabulary patterns, CTA style, and language variant (AU/US/UK English). Use when analysing brand tone of voice, creating content guidelines from existing copy, or documenting brand communication style from scraped website text.

Generate W3C DTCG (Design Tokens Community Group) compliant design token files from extracted brand data. Covers colour, typography, spacing, border-radius, shadow, and motion tokens in the 2025.10 stable specification format. Use when converting extracted CSS values into structured design tokens, exporting tokens for Style Dictionary or Tokens Studio, or validating DTCG schema compliance.

Validate brand extractions by comparing replicated components against originals using a three-layer approach (pixel comparison, structural LLM analysis, token traceability). Implements Gate 5 of the validation pipeline. Use when comparing component replications to originals, performing visual regression testing on design tokens, or validating that extracted tokens accurately reproduce the source design.

1 hook across 1 event