Skills
.Work. You
Rest

brand-dna-extractor

Community

Extract brand DNA from websites.

Design & Creative#prompt engineering#brand guidelines#design tokens#web scraping#brand analysis#css extraction
Authormarchatton
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the complex process of analyzing multiple websites to extract core brand identity signals, transforming raw web data into structured brand guidelines, prompt packs, and design tokens.

Core Features & Use Cases

  • Multi-Source Analysis: Scrapes and probes multiple websites using tools like Firecrawl and agent-browser to gather comprehensive data.
  • Signal Extraction: Identifies and extracts key brand elements including colors, typography, spacing, motion, and voice/tone.
  • Output Generation: Produces three essential artifacts: brand_guidelines.md, prompt_library.json, and design_tokens.json.
  • Use Case: A product team needs to understand the visual and tonal identity of competitor websites to inform their own brand strategy. This Skill can analyze several competitor sites and provide a consolidated report with actionable insights and design tokens.

Quick Start

Use the brand-dna-extractor skill to analyze example.com and example.org to generate brand guidelines and design tokens.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: brand-dna-extractor
Download link: https://github.com/marchatton/agent-skills/archive/main.zip#brand-dna-extractor

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.