skills.rest
dr-robert-li
dr-robert-liCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

build-scrape

Scrape HTML and CSS from URLs with Playwright for WordPress FSE themes.

27|1|Updated Feb 16, 2026
Search Tags:#playwright#fse#website scraping#wordpress theme#content sanitization#url clone
One-click install
npx skills add https://github.com/dr-robert-li/cowork-wordpress-expert --skill build-scrape
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: build-scrape
Source: https://github.com/dr-robert-li/cowork-wordpress-expert/tree/main/skills/build-scrape
Command: npx skills add https://github.com/dr-robert-li/cowork-wordpress-expert --skill build-scrape

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, robots-parser, python3, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the process of converting existing websites into functional WordPress Full Site Editing (FSE) themes by scraping their structure and content.

Core Features & Use Cases

  • URL Scraping: Fetches the HTML and CSS of a given URL using Playwright.
  • Content Sanitization: Replaces scraped content with AI-generated placeholders and cleans up code.
  • Dynamic Feature Detection: Identifies interactive elements like forms and search bars for manual setup.
  • Use Case: Quickly generate a starting point for a new WordPress theme by cloning the visual layout and structure of an existing website, saving significant development time.

Quick Start

Use the build-scrape skill to scrape the URL https://example.com and prepare it for the build-visual pipeline.

Frequently Asked Questions about build-scrape

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

FAQPage Schema
How do I scrape a website to clone its layout into a WordPress FSE theme?▼

To clone a website into a WordPress FSE theme, use Playwright to scrape the target URL's HTML and CSS, then sanitize the content with AI-generated placeholders for the build-visual pipeline.

What is the best way to scrape dynamic website features like forms for WordPress theme development?▼

Scraping dynamic website features detects interactive elements like forms and search bars using a Playwright headless browser, identifying them for manual setup during the WordPress theme conversion process.

Does this website scraping tool respect robots.txt and copyright rules?▼

Yes, the website scraping process checks robots.txt compliance and enforces copyright disclaimers before extracting HTML and CSS to ensure ethical content cloning.

How do I sanitize scraped website content to avoid using copyrighted material?▼

Content sanitization replaces scraped website material with AI-generated placeholders and cleans up the code, outputting a safe HTML and CSS directory for theme development.

Can I use Playwright to extract HTML and CSS for a Full Site Editing theme?▼

Yes, you can use Playwright to extract HTML and CSS from a target URL, producing a clean directory structure that serves as a starting point for a Full Site Editing theme.

What are the limitations of scraping websites to convert them into WordPress themes?▼

Limitations include the need to manually set up detected dynamic features like forms, and the requirement to replace all original text with AI-generated placeholders to avoid copyright issues.

Related Skills

Explore More Design & Creative Skills→
quiznatquiznat

headless-browser-setup

Installs Playwright Chromium and OS libraries to fix Hermes browser access on headless Linux servers.

Community
Advanced
siddik-websiddik-web
41

wp-block-theme-converter

Convert static HTML, CSS, and JavaScript projects into WordPress Block Themes.

Community
Advanced
wpgauravwpgaurav
14

wordpress-block-theming

Generate WordPress Full Site Editing block themes with theme.json, templates, and patterns.

Community
Advanced
jsschrstrcks1jsschrstrcks1

icp-2

Enforce human-first SEO and AI-citation metadata standards on HTML pages.

Community
Advanced