Giới thiệu
Về Design Extractor
Design Extractor biến URL của một trang web công khai thành một tệp DESIGN.md: một tệp Markdown duy nhất chứa màu sắc, typography, khoảng cách, hình dạng, component của trang web và lý do đằng sau chúng. Các agent lập trình AI như Claude Code, Cursor, GitHub Copilot và Google Stitch đọc tệp này làm tham chiếu style.
Ai vận hành
Design Extractor là sản phẩm của Magentix Studio, Magentix Studio UG (haftungsbeschränkt), có trụ sở tại Mannheim, Đức. Giám đốc điều hành là Fadel Kaadan. Thông tin công ty có trong thông tin pháp lý, và bạn có thể liên hệ với chúng tôi qua trang liên hệ.
Một lượt trích xuất diễn ra như thế nào
Bạn dán một URL công khai. Design Extractor tải trang thực tế trong trình duyệt, đọc các thuộc tính trực quan (màu sắc, kiểu chữ, khoảng cách, hình dạng và các component lặp lại) rồi ghi chúng vào một tệp DESIGN.md: phần front matter YAML với giá trị token chính xác, và phần thân Markdown giải thích cách sử dụng chúng.
Một lượt trích xuất Pro bao quát khoảng năm trang của trang web. Mỗi lượt chạy tiêu tốn credit trả trước, và nếu lượt trích xuất thất bại do lỗi từ phía chúng tôi, credit sẽ được trả lại vào số dư của bạn. Đọc cách Design Extractor hoạt động.
Thư viện mẫu được tạo ra như thế nào
Thư viện mẫu chứa các tệp DESIGN.md mà chúng tôi đã trích xuất từ các trang công khai của những trang web nổi tiếng, bằng đúng quy trình trích xuất mà bạn có thể tự chạy. Các tệp này mô tả giao diện của những trang đó. Chúng không phải là hướng dẫn thương hiệu chính thức, và việc hiển thị một thương hiệu không ngụ ý bất kỳ mối liên kết nào với chủ sở hữu thương hiệu hay sự chứng thực nào từ họ. Nếu bạn sở hữu một trang web trong thư viện mẫu và muốn gỡ nó xuống, hãy liên hệ với chúng tôi.
Bắt đầu từ đâu
- Tài liệu: Mọi hướng dẫn ở cùng một nơi.
- DESIGN.md là gì: Định dạng tệp và các mục của nó.
- Công cụ miễn phí: Trình kiểm tra, công cụ tìm font và trích xuất bảng màu, không cần đăng ký.
- Máy chủ MCP: Để Claude Code, Codex, Cursor hoặc claude.ai chạy lượt trích xuất.
- Tiện ích mở rộng Chrome: Trích xuất trang trong tab hiện tại của bạn.
- Bảng giá: Gói credit trả trước, không thuê bao.