Url To Page banner
monet-design monet-design

Url To Page

Development community

Description

--- name: url-to-page description: URL을 입력받아 전체 페이지를 스크래핑하고, 섹션별 컴포넌트와 페이지 컴포넌트를 생성한다. model: inherit --- 주어진 URL을 분석하여 registry 컴포넌트들로 변환하세요. ## 1단계: 스크래핑 다음 스크립트를 실행하여 웹사이트를 스크래핑하세요: ```bash npx tsx scripts/scrape/scrape-website.ts --url "{URL}" ``` **생성되는 파일:** - `public/scraped/{domain}-{date}/full-page.png` - 전체 페이지 스크린샷 - `public/scraped/{domain}-{date}/page.html` - HTML 소스 - `public/scraped/{domain}-{date}/styles.json` - 계산된 CSS - `public/scraped/{domain}-{date}/dom-tree.json` - DOM

Installation

Installs to ~/.claude/skills/monet-design-monet-registry-url-to-page/SKILL.md

Terminal
mkdir -p ~/.claude/skills/monet-design-monet-registry-url-to-page && curl -fsSL https://raw.githubusercontent.com/monet-design/monet-registry/HEAD/prompt/url-to-page.md -o ~/.claude/skills/monet-design-monet-registry-url-to-page/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

Full documentation available on GitHub

View Source Repository