TypeScript, React, PostgreSQL 기반의 오픈소스 CRM으로, 객체·뷰·워크플로·AI 에이전트를 코드로 확장할 수 있습니다.
sennkuwu/wechat-style-extractor
WeChat 공식 계정 글에서 재사용 가능한 시각적 템플릿을 추출해 편집기에 붙여넣을 서식 있는 텍스트로 미리 보는 도구입니다.
- 스타
- 155
- 포크
- 18
- 열린 이슈
- 0
- 마지막 커밋
- 2개월 전
어떤 프로젝트인가요?
WeChat Style Extractor는 공개된 WeChat 공식 계정 글 링크를 받아 레이아웃을 분석합니다. 색상, 글꼴 크기, 줄 높이, 여백과 카드 같은 콘텐츠 구성 요소를 세어 시각적 속성과 구성 요소 규칙을 보여 줍니다.
서버 측 파서는 글을 가져와 HTML을 정리하고 스타일을 표준화한 뒤 글의 스타일시트를 인라인으로 적용해 그리드, 위치 지정, 그림자, 목록, 표를 보존합니다. 이미지, 지연 로딩 이미지, CSS 배경 이미지도 유지됩니다. 휴대폰 너비 미리보기에서 결과를 확인한 다음 서식 있는 텍스트로 복사해 WeChat 편집기에 붙여넣을 수 있습니다.
인식은 휴리스틱 방식으로 이루어집니다. 인식하지 못한 항목은 숨겨지고 미리보기에는 기본값이 적용되며, 인라인 스타일만으로 WeChat 편집기에서 완벽하게 재현된다고 보장할 수는 없습니다. 가져오기는 mp.weixin.qq.com으로 제한되며, WeChat에서 서버에 간혹 인증 페이지를 표시할 수 있습니다.
핵심 기능
- 01글 링크에서 색상, 글꼴 크기, 줄 높이, 여백을 추출합니다.
- 02제목, 작성자와 카드 같은 콘텐츠 구성 요소를 식별합니다.
- 03원본 이미지, 지연 로딩 이미지, CSS 배경 이미지를 유지합니다.
- 04글의 스타일시트를 인라인으로 적용해 그리드, 그림자, 목록, 표를 보존합니다.
- 05휴대폰 너비 미리보기를 제공하고 결과를 서식 있는 텍스트로 복사합니다.
활용 사례
- 인기 있는 WeChat 공식 계정 글의 레이아웃 패턴을 살펴봅니다.
- WeChat 글 서식에 사용할 독창적인 재사용 템플릿을 만듭니다.
- WeChat 편집기에서 게시하기 전에 휴대폰에서 글이 어떻게 보이는지 미리 확인합니다.
빠른 시작
- 1
종속성 설치
npm install - 2
개발 서버 시작
npm run dev - 3
프로덕션용 빌드(선택 사항)
npm run build
사용 전 알아둘 점
- Node.js 22.13 이상이 필요합니다.
- 기사 가져오기는 mp.weixin.qq.com 링크에서만 작동하며, WeChat에서 보안 인증 페이지가 표시되어 파싱이 차단되는 경우가 있습니다.
- 스타일 추출은 휴리스틱 방식이므로 WeChat 편집기에서 인라인 스타일이 완전히 보존되지 않을 수 있습니다.
토픽
자주 묻는 질문
- wechat-style-extractor은(는) 무엇인가요?
- WeChat 공식 계정 글에서 재사용 가능한 시각적 템플릿을 추출해 편집기에 붙여넣을 서식 있는 텍스트로 미리 보는 도구입니다. WeChat Style Extractor는 공개된 WeChat 공식 계정 글 링크를 받아 레이아웃을 분석합니다. 색상, 글꼴 크기, 줄 높이, 여백과 카드 같은 콘텐츠 구성 요소를 세어 시각적 속성과 구성 요소 규칙을 보여 줍니다.
- wechat-style-extractor은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- wechat-style-extractor은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- wechat-style-extractor은(는) 아직 유지보수되고 있나요?
- 6개월 이내 업데이트. wechat-style-extractor의 마지막 커밋은 2026년 9월 5일입니다.
- wechat-style-extractor은(는) 어디에 사용할 수 있나요?
- 인기 있는 WeChat 공식 계정 글의 레이아웃 패턴을 살펴봅니다. WeChat 글 서식에 사용할 독창적인 재사용 템플릿을 만듭니다. WeChat 편집기에서 게시하기 전에 휴대폰에서 글이 어떻게 보이는지 미리 확인합니다.
- wechat-style-extractor는 어떻게 설치하나요?
- 종속성 설치: npm install 개발 서버 시작: npm run dev 프로덕션용 빌드(선택 사항): npm run build
- wechat-style-extractor은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/sennkuwu/wechat-style-extractor
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
Zapier 대안인 오픈소스 워크플로 자동화 플랫폼으로, TypeScript 통합 기능을 MCP 서버로도 실행할 수 있습니다.
텍스트 프롬프트나 업로드한 문서를 편집 가능한 HTML 슬라이드로 바꾸는 로컬 우선 데스크톱 앱
자체 브랜드 웹사이트에서 온라인 강의와 디지털 다운로드 상품을 판매할 수 있는 오픈소스 학습 관리 시스템으로, 직접 호스팅할 수 있습니다.
터미널에서 실행되는 오픈소스 AI 코딩 에이전트로, 데스크톱 앱과 개발·계획용 내장 에이전트 두 가지를 제공합니다.
자체 컴포넌트와 데이터를 렌더링에 활용하는 모듈형 오픈소스 React 비주얼 드래그 앤 드롭 에디터입니다.