모든 온라인 사이트의 디자인 스타일을 구조로 추출 DESIGN.md. 이 기술은 장시간 명령 선/AI 대리인 항구입니다.

제품 설명

• AI 프로그래밍 팁에 사용할 수있는 모든 URL 생성 [(T1]
• 추출 사이트 디자인 토큰 (컬러 / 폰트 / 간격 / 원형 코너 / 그림자 / 액션)
• 추가 API 키없이 현재 AI 에이전트 분석 직접 사용; 사진 지원, 그렇지 않으면 사용 DOM / 사이트맵
• 웹 페이지에 실제 메모리의 상징 요소를 식별하고 순수한 텍스트에서 시각적 규칙 (코드없이)을 출력
• Dom, Compued CSS 및 옵션의 3 스크린 샷까지 수집
• 측정된 토큰의 산출 및 Google DesIGN.md 알파 체재에 있는 8 단면도 주요 원본은 Vercel 작업 오리엔테이션, 재사용 및 합격 방법과 결합했습니다

방아쇠 장면

• “Generated [T2] DESIGN.md”
• “Line.app 디자인 스타일을 분석하고 저장합니다.”
• “extracut 서명”

독립

**chrome-devtools MCP ** - [[T4] 서비스의 가용성 검증 /mcp **Python ≥ 3.9 ** - 표준 라이브러리 만, 파이썬 의존 없음

현재 모델은 시각을 지원할 필요가 없습니다. 사진이 읽을 수 있을 때 스크린 샷을 자동으로 결합하고 분석 및 표시 시각 검증 한계에 DOM/CSS를 사용하지 않습니다. API 키, 서비스 주소 또는 모델 이름을 별도로 구성 할 필요가 없습니다. 호스트 AI 도구 자체는 여전히 구독 또는 청구에 사용할 수 있습니다.

[T5]를 참조하십시오.

설치

# 명령의 선 (AI 도구 자동 감지)

npx 기술을 통해 설치 (추천)

설치된 경우 [[T6] 생태, 당신은 그것을 직접 설치할 수 있습니다:

설치가 완료되면, 기술이 자동으로 파일을 수동으로 복사하지 않고 현재 AI Agent의 컨텍스트로 주사됩니다.

# 지정 플랫폼 설치

수동 설치

[[T7], [T8], [T9], [[T9], [[T10], [[T11] 대상] 완전한 창고에서 기술 카탈로그; [[T12] 스크립트를 생성 할 수 없습니다.

일스트림

각 시간에서 추출 된 모든 제품은 쉽게 아카이브 및 재사용되는 [[T13] 폴더로 집광됩니다.

추가 단계는 [[T14]를 참조하십시오. Chrome-devtools MCP는 [T15]를 위한 정립을 부릅니다.

파일 구조