Design Extractor

Given a URL, explore the site and generate design_[domain].md with its design guide.

Instructions

1. Normalize input: accept any URL (https://ejemplo.com/ruta or ejemplo.com). Extract the clean domain: lowercase, no www., no port, no path. Example: https://www.ejemplo.com/login -> ejemplo.com. Output name: design_ejemplo_com.md (dots to underscores). Save in the working directory unless the user says otherwise.

2. Detect capabilities (adaptive): check if a browser-automation MCP is available (chrome-devtools, playwright, browser, puppeteer). If yes, use it (real navigation, computed styles, screenshots). If not, ask the user before continuing:

   • Simple (Recommended): fetch rendered pages + observation only. No dependencies. Approximate palette, main components.
   • Completo: download HTML/CSS (curl/Python), parse HEX, font-family, button/input classes. Requires internet and shell. Do not proceed without knowing the level.