skills.rest
Omar-Obando
Omar-ObandoCOMMUNITY
Explore all skills by this author →
GitHub

website-redesign

Analyze a live URL or screenshot to extract design tokens and SEO metadata.

44|9|Updated May 7, 2026
Search Tags:#design system#visual analysis#ui extraction#website redesign#seo metadata#multi-page rebuild
One-click install
npx skills add https://github.com/Omar-Obando/qwen-orchestrator --skill website-redesign
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: website-redesign
Source: https://github.com/Omar-Obando/qwen-orchestrator/tree/main/skills/website-redesign
Command: npx skills add https://github.com/Omar-Obando/qwen-orchestrator --skill website-redesign

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you modernize and improve an existing website without manually reverse-engineering its layout, styles, and content hierarchy.

Core Features & Use Cases

  • URL or Screenshot Analysis: Extracts full structure, typography, colors, components, and SEO-relevant metadata from a live URL (via WebFetch) or a screenshot (via vision-capable models).
  • Design Extraction & Preservation: Identifies and preserves the original design system’s color mood, tokens (CSS variables/visual palette), spacing, borders, and typography before proposing improvements.
  • Professional Multi-Page Redesign Workflow: Produces a complete redesign plan and requires rebuilding a full site (including missing pages like 404, Privacy, and Terms), plus an actionable redesign-analysis report and SEO upgrades.

Quick Start

Tell an AI: "Redesign this website using URL https://example.com, preserving the original design mood but improving UX, accessibility, and SEO with a full multi-page rebuild."

Frequently Asked Questions about website-redesign

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

FAQPage Schema
How do I redesign an existing website from a URL while preserving its design system?▼

Website redesign from a URL extracts layout, typography, colors, and design tokens via WebFetch, preserving the original visual mood while generating an improved multi-page rebuild plan.

Can I rebuild a website from a screenshot instead of a live URL?▼

Yes, website redesign works with screenshots by using vision-capable analysis to extract content hierarchy, visual palette, and component structure, then producing a full multi-page site plan.

How do I extract and improve SEO metadata during a multi-page website rebuild?▼

SEO metadata extraction during a website redesign analyzes existing tags, then generates an improvement report including sitemap, robots.txt, and JSON-LD for the rebuilt multi-page site.

Does a full website redesign plan include missing pages like 404 and Privacy?▼

Yes, a complete website redesign requires rebuilding the full site structure, including missing essential pages like 404, Privacy, and Terms, alongside an actionable redesign-analysis report.

What's the best way to modernize a brand presence without manually reverse-engineering the layout?▼

Modernizing a brand presence is best handled by automated design extraction, which identifies original spacing, borders, and CSS variables before proposing UX and accessibility improvements.

Do I need WebFetch to analyze a live URL for a website redesign?▼

Yes, WebFetch-based extraction is required to analyze live URLs for website redesigns, while vision-capable models handle screenshot analysis when a live URL is unavailable.

Related Skills

Explore More Design & Creative Skills→
matteotittamatteotitta
29

website-clone

Reverse-engineer live website URLs into Next.js, shadcn, and Tailwind codebases.

Community
Advanced
alexwelcingalexwelcing

schema-markup

Generate JSON-LD structured data scripts for common Schema.org page types.

Community
Intermediate
pingwupingwu
12

frontend-ui-ux

Design accessible, mobile-first frontend UI/UX for modern web apps.

Community
Advanced
RASCLAWRASCLAW

ad-reverse-engineer

Analyze reference ad imagery into layer breakdowns and NB2 JSON templates.

Community
Advanced