cloudflare-site-crawler
OfficialExtract design tokens from live websites.
Design & Creative#design tokens#web scraping#cloudflare#css extraction#website analysis#brand matching
Authorstringztechnologies
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the extraction of design tokens (colors, fonts, spacing, shadows, border-radius) from live websites, enabling precise brand matching and design system analysis.
Core Features & Use Cases
- CSS Token Extraction: Parses CSS files to identify and extract design-related properties.
- Visual Brand Verification: Crucially, it emphasizes human or AI judgment to confirm dominant brand colors against raw CSS data, preventing misinterpretations.
- Use Case: You need to replicate the exact look and feel of a client's existing marketing website for a new web application. This skill will extract all the CSS variables, colors, fonts, and radii, and guide you through a visual verification to ensure brand consistency.
Quick Start
Run the cloudflare-site-crawler skill to extract design tokens from https://example.com.
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 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: cloudflare-site-crawler Download link: https://github.com/stringztechnologies/stringz-framework/archive/main.zip#cloudflare-site-crawler Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.