manavarya09/design-extract
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
한 번의 명령어로 모든 웹사이트의 전체 디자인 시스템을 추출할 수 있습니다. DTCG 토큰, 의미론+원시+복합, 클로드 코드/커서/윈드서프용 MCP 서버, 다중 플랫폼 방출기(iOS SwiftUI, 안드로이드...
개요
Atlas Cloud — OpenAI 호환 스마트 분류를 지원합니다. AI 코딩 워크플로우를 원하시면 Atlas Cloud 코딩 계획을 시도해 보세요. Bloome — 클라우드 내 모든 청중 대화를 24시간 내내 처리하기 위해 AI 클론을 배포합니다. Bloome에서 designlang을 시도해 보세요. 헤드리스 브라우저를 임의의 URL로 가리키고 라이브 DOM에서 디자인 시스템을 읽습니다. 한 명령어는 17+ 파일을 생성합니다 — DTCG 토큰, Tailwind 설정, shadcn 테마, Figma 변수, 모션 토큰, 타입 컴포넌트 해부학, 브랜드 보이스, 페이지 의도 라벨, 그리고 v0 / Lovable / Cursor / Claude Artifacts용 붙여붙기 준비 프롬프트 팩. 추출기가 없는 곳에도 가게 됩니다: , , 그리고 a . 어떤 README에도 실시간 디자인 점수 배지를 넣으세요: 결과물을 믿음으로 받아들이지 마세요 — designlang에 대해서요.
개요(AI 번역)
마나브 아리아 싱이 건설 (@Manavarya09)
후원사
Atlas Cloud — OpenAI 호환 스마트 분류를 지원합니다. AI 코딩 워크플로우를 원한다면 Atlas Cloud 코딩 계획을 시도해 보세요.
Bloome — 클라우드 내 모든 청중 대화를 24시간 내내 처리하기 위해 AI 클론을 배포합니다.
Bloome에서 designlang을 사용해 보세요.
designlang은 헤드리스 브라우저를 임의의 URL로 가리키고 라이브 DOM에서 디자인 시스템을 읽습니다. 한 명령어는 17+ 파일을 생성합니다 — DTCG 토큰, Tailwind 설정, shadcn 테마, Figma 변수, 모션 토큰, 타입된 컴포넌트 해부학, 브랜드 보이스, 페이지 의도 라벨, 그리고 v0 / Lovable / Cursor / Claude Artifacts용 붙여붙기 준비 프롬프트 팩.
또한 추출기가 없는 곳에도 적용됩니다: 레이아웃 패턴, 4개 브레이크포인트 간의 반응 행동, 호버/초점/활성 상태, WCAG 대비 점수, 다중 페이지 일관성, 실시간 진실의 출처와 대조하는 드리프트 체크, 시각적 차이, 그리고 공유 가능한 채점 성적표.
퀵 스타트
어떤 README에도 실시간 디자인 점수 배지를 넣으세요:
읽기 보기 — 라이브 추출극장 (v13)
결과물을 믿음에 맡기지 마라 — 그 변화를 지켜봐라. 계속 디자인랭.
이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.
README
원문 README의 일부입니다. 원문 보기.
Built by Manav Arya Singh (@Manavarya09)
Sponsors
Atlas Cloud — powers OpenAI-compatible --smart classification. For AI coding workflows, try the Atlas Cloud coding plan.
설치
npx designlang https://stripe.com # extract everything