website-intelligence

Analyze a client's brand and competitors to generate research files and an HTML design brief.

Updated Dec 31, 2025
One-click install
npx skills add https://github.com/idomyhomework/shop-fastapi-react --skill website-intelligence
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: website-intelligence
Source: https://github.com/idomyhomework/shop-fastapi-react/tree/main/.claude/skills/website-intelligence
Command: npx skills add https://github.com/idomyhomework/shop-fastapi-react --skill website-intelligence

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Creating a premium website without market research often leads to guesswork and ineffective design. This skill provides a research‑driven workflow that extracts brand assets, studies top competitors, and generates a complete build brief.

Core Features & Use Cases

  • Brand extraction: Scrape the client’s existing site for logos, colors, fonts, tone, and content.
  • Competitive intelligence: Identify and analyze the top competitors, synthesize patterns, and produce a PDF‑ready HTML report.
  • Design brief generation: Deliver a detailed website architecture, style guide, and content framework ready for development.
  • End‑to‑end website build: Produce HTML, CSS, and GSAP animation scaffolding for a scroll‑animated premium site.

Quick Start

Ask the assistant to start the website‑intelligence process for the client’s domain.

Frequently Asked Questions about website-intelligence

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a data-driven website using competitor intel?

Build a data-driven website by scraping the client's existing site for brand assets and analyzing top competitors to generate a design brief and site structure. This research-driven workflow extracts logos, colors, and content to inform the final build.

What is included in a competitive analysis for a premium scroll-animated website?

A competitive analysis for scroll-animated websites includes brand extraction, competitor scraping, and synthesized pattern research. It outputs markdown research files, an HTML report, and a ready-to-code site architecture with a style guide.

Do I need Firecrawl to scrape competitors for website research?

You need Firecrawl or WebFetch access to scrape competitor sites and extract brand assets. This dependency is required to gather the competitive intelligence used to generate the final design brief and site structure.

Can I generate a website build plan from an existing client domain?

Generate a website build plan by inputting a client's domain to extract their logos, fonts, and tone. The process analyzes this brand data alongside competitor research to produce a detailed architecture and content framework.

Does this process output HTML and CSS scaffolding for scroll animations?

The process outputs HTML, CSS, and GSAP animation scaffolding for a premium scroll-animated site. It delivers ready-to-code structural files alongside the comprehensive markdown research and design brief.

What's the best way to create a design brief from scraped website data?

Create a design brief from scraped data by synthesizing extracted brand assets and competitor patterns into a structured framework. This produces a detailed style guide and website architecture ready for development.