Skills
.Work. You
Rest

website-brand-analysis

Community

Create a brand bible from any website.

Design & Creative#typography#brand#design-system#visual-design#color-palette#website-analysis#brand-bible
AuthorDeliciousHouse
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Automatically turning a website into a cohesive brand bible with positioning, voice, design tokens, and visual guidelines, streamlining brand creation and design handoff.

Core Features & Use Cases

  • Live crawl of target pages and capture of full-page screenshots to build an accurate brand snapshot.
  • Extraction of colors, typography, spacing, and component patterns to generate a production-ready design system CSS.
  • Deliverables suitable for content and design teams, including a Markdown brand bible and a CSS design-system file.

Quick Start

Analyze the target website URL to generate a brand bible and a design system CSS file, returning both as outputs ready for review.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: website-brand-analysis
Download link: https://github.com/DeliciousHouse/aries-app/archive/main.zip#website-brand-analysis

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 471,000+ vetted skills library on demand.