getdesign.md vs Design Extractor
Design Extractor tạo một DESIGN.md từ bất kỳ URL công khai nào bạn đưa vào. Tệp tuân theo đặc tả DESIGN.md của Google và đi kèm mỗi component được chọn từ trang dưới dạng một công thức HTML và CSS mà agent lập trình AI của bạn có thể dựng lại. Mỗi công thức được kiểm tra với trang web thật hoặc được đánh dấu kèm lý do. Công cụ này cũng hoạt động với những trang web chỉ phản hồi khách truy cập từ một số quốc gia.
getdesign.md là một bộ sưu tập được tuyển chọn gồm các tệp DESIGN.md làm sẵn cho những thương hiệu nổi tiếng. Dưới đây là so sánh giữa hai công cụ. Mới biết đến định dạng này? Hãy đọc DESIGN.md là gì.
Đã kiểm tra ngày , đối chiếu với getdesign.md, trang yêu cầu của họ, trang Catalog Pass và repository awesome-design-md. Ưu đãi và giá có thể thay đổi, vì vậy hãy xem trang web của họ trước khi quyết định.
Vì sao chọn Design Extractor
Tuân theo đặc tả DESIGN.md của Google
Phần front matter YAML chỉ dùng các thuộc tính mà đặc tả định nghĩa, không có key cấp cao nhất tùy chỉnh. Các section chuẩn xuất hiện theo đúng thứ tự của đặc tả, từ Overview đến Do's and Don'ts. Các mục component trong front matter chỉ dùng tám thuộc tính của đặc tả, với giá trị cụ thể. Kiểm tra bất kỳ tệp nào bằng Trình kiểm tra DESIGN.md miễn phí.
Một công thức cho mỗi component được chọn từ trang
Header, footer, nút, ô nhập liệu, thẻ và các component khác được chọn từ trang đều đi kèm một công thức: HTML và CSS chắt lọc với giá trị cụ thể, nằm trong section Components của DESIGN.md. Mỗi công thức liệt kê các phần của nó cùng các trạng thái hover và focus ghi nhận được trên trang, để agent lập trình AI của bạn dựng lại component thay vì phải đoán.
Kiểm chứng với trang web thật
Mỗi công thức được render riêng và kiểm tra với trang web thật: so khớp cấu trúc các phần đã render với những gì đo được trên trang, và so sánh từng pixel với ảnh chụp mới của phần tử thật. Công thức nào không đạt sẽ được dựng lại và kiểm tra lần nữa. Công thức vẫn không đạt sẽ được đánh dấu kèm lý do, không bao giờ được giao như đã kiểm chứng. Trang kết quả cho thấy các component khớp đến mức nào và bao nhiêu màu sắc, kiểu chữ của trang web được bao phủ: xem Stripe trong thư viện mẫu.
Hoạt động với trang web giới hạn theo khu vực
Một số trang web chỉ phản hồi khách truy cập từ một số quốc gia. Khi một lượt trích xuất thất bại vì lý do đó, trang kết quả sẽ đưa ra bộ chọn quốc gia, ưu tiên những quốc gia mà trang được ghi nhận là tải được, rồi chạy cùng lượt trích xuất đó qua một trình duyệt ở quốc gia bạn chọn. Một lượt chạy theo quốc gia có giá bằng giá Pro cộng phụ phí 6 credit (16 credit). Nếu lượt trích xuất thất bại, chúng tôi hoàn lại credit cho bạn.
So sánh song song
| getdesign.md | Design Extractor | |
|---|---|---|
| Tuân thủ đặc tả | Dùng cấu trúc của đặc tả DESIGN.md của Google: token trong front matter YAML và các section chuẩn theo thứ tự của đặc tả. | Tuân theo đặc tả DESIGN.md của Google: front matter chỉ có các thuộc tính của đặc tả và không có key cấp cao nhất tùy chỉnh, các section chuẩn theo thứ tự của đặc tả, và các mục component giới hạn ở tám thuộc tính của đặc tả với giá trị cụ thể. |
| Công thức component | Component được định nghĩa dưới dạng token trong front matter và mô tả bằng văn bản, không có HTML. | Mỗi component được chọn từ trang, như header, footer, nút, ô nhập liệu và thẻ, đều đi kèm một công thức: HTML và CSS chắt lọc trong section Components, để agent lập trình AI của bạn có thể dựng lại. |
| Kiểm chứng với trang web thật | Không cung cấp | Có. Mỗi công thức được render riêng và kiểm tra với trang web thật: so khớp cấu trúc các phần và so sánh từng pixel. Component nào không đạt sẽ được đánh dấu kèm lý do, không bao giờ được giao như đã kiểm chứng. |
| Trang web giới hạn theo khu vực | Tệp đến từ danh mục hoặc từ một yêu cầu riêng. | Có. Khi một trang web chặn khách truy cập từ một số quốc gia, lượt chạy thất bại sẽ đưa ra bộ chọn quốc gia, ưu tiên những quốc gia mà trang tải được, rồi chạy cùng lượt trích xuất đó qua một trình duyệt ở đó. Một lượt chạy theo quốc gia có giá bằng giá Pro cộng phụ phí 6 credit (16 credit). |
| Đây là gì | Một bộ sưu tập được tuyển chọn gồm các tệp DESIGN.md phân tích từ trang web thật, do đội ngũ VoltAgent duy trì. | Một công cụ tạo tệp: bạn đưa vào một URL công khai, công cụ trả về DESIGN.md của trang web đó. |
| Mọi trang web theo yêu cầu | Không tức thì. Với trang web nằm ngoài bộ miễn phí, bạn gửi một yêu cầu riêng có trả phí, và tệp được gửi đến hộp thư của bạn. | Có. Dán bất kỳ URL công khai nào và lượt chạy bắt đầu ngay. DESIGN.md mở ra trên trang kết quả khi hoàn tất. |
| Tệp miễn phí | Có. Một bộ miễn phí mà bạn có thể tải xuống hoặc cài đặt bằng npx getdesign@latest add stripe. 84 tệp trong số này cũng có trong repo GitHub awesome-design-md, theo giấy phép MIT. | Lượt trích xuất có tính phí. Thư viện mẫu gồm các tệp DESIGN.md chúng tôi đã trích xuất được đọc và sao chép miễn phí. |
| Phạm vi | Danh mục website gồm 551 trang. Ngoài bộ miễn phí, một mục trong danh mục hiển thị bản xem trước và đề xuất một yêu cầu có trả phí, không phải bản tải xuống. | Mọi trang web công khai, cùng một thư viện mẫu nhỏ gồm các thương hiệu đã được trích xuất sẵn. |
| Giá | Bộ miễn phí: miễn phí. DESIGN.md riêng: 39 US$ một lần (giá niêm yết 59 US$). Catalog Pass: 99 US$ mỗi tháng cho 45 tệp được tuyển chọn, thêm 5 tệp trở lên mỗi tháng. | Credit trả trước, không thuê bao. Gói bắt đầu từ 5 US$ cho 50 credit; một lượt trích xuất Pro tốn 10 credit. Credit không bao giờ hết hạn. |
| Cách tạo tệp | Một phân tích độc lập về các mẫu thiết kế có thể quan sát công khai trên trang web, được tuyển chọn làm điểm khởi đầu để lấy cảm hứng. | Render từ trang web thật trong trình duyệt tại thời điểm bạn chạy. Pro lấy mẫu các trang chính của trang web. |
| Độ mới | Một bản chụp tại thời điểm trang web được phân tích. Các mục không ghi ngày phân tích. | Mới nhất tại thời điểm bạn chạy. Trích xuất lại sau này là một lượt chạy mới, có tính phí. |
| Truy cập cho agent | Một CLI cài đặt DESIGN.md theo tên. Không có máy chủ MCP hay API. | Một máy chủ MCP cho Claude Code, Cursor, Codex, ChatGPT và các client khác, cùng một tiện ích mở rộng Chrome cho tab bạn đang mở. |
| Tính năng thêm | Bản xem trước trực tiếp ở chế độ sáng và tối cho từng tệp, và các bộ khởi đầu (bộ website có giá 249 US$ một lần, niêm yết 299 US$). | Công cụ miễn phí: trình kiểm tra DESIGN.md, công cụ tìm font chữ website và công cụ trích xuất bảng màu. |
getdesign.md cung cấp gì
- Một bộ tệp DESIGN.md miễn phí cho các thương hiệu nổi tiếng, phần lớn cũng có trên GitHub với tên awesome-design-md theo giấy phép MIT.
- Cài đặt bằng một dòng lệnh trong terminal với npx getdesign.
- Bản xem trước trực tiếp ở chế độ sáng và tối cho từng tệp.
- Tệp DESIGN.md riêng cho các trang web khác theo yêu cầu, gửi qua email, và một Catalog Pass hằng tháng.
- Các bộ khởi đầu, chẳng hạn một bộ website.
Một bộ sưu tập so với mọi URL theo yêu cầu
Một bộ sưu tập rất nhanh khi thương hiệu bạn cần có sẵn trong đó. Sản phẩm của chính bạn, trang web của khách hàng hay một đối thủ nhỏ hiếm khi có trong danh mục nào. getdesign.md giải quyết điều đó bằng một yêu cầu riêng có trả phí, gửi qua email.
Design Extractor giải quyết bằng một lượt trích xuất bạn tự chạy: dán URL trên trang chủ và DESIGN.md được tạo từ trang web thật, với các công thức được kiểm tra với chính trang đó. Xem các tệp hoàn chỉnh trong thư viện mẫu.
Cách chuyển từ getdesign.md
- Dán URL của trang web trên trang chủ Design Extractor và chạy một lượt trích xuất Pro.
- Lưu kết quả thành DESIGN.md ở thư mục gốc của repository, thay cho tệp cũ, và giữ nguyên dòng trỏ đến nó trong AGENTS.md hoặc CLAUDE.md. Kiểm tra tệp bằng Trình kiểm tra DESIGN.md miễn phí nếu bạn sửa tay.
- Hoặc để agent của bạn làm: kết nối máy chủ MCP và yêu cầu agent trích xuất trang web.
Kết luận
Hãy chọn Design Extractor nếu bạn cần DESIGN.md cho bất kỳ trang web nào theo yêu cầu, không chỉ từ một danh mục, với công thức component được kiểm tra với trang web thật. Công cụ đọc trang web đúng như giao diện lúc bạn chạy và tuân theo đặc tả của Google, với một công thức cho mỗi component được chọn từ trang; công thức nào không đạt sẽ được đánh dấu kèm lý do. Agent của bạn có thể tự bắt đầu lượt trích xuất qua máy chủ MCP.
Các bài so sánh khác
designmd.me vs Design Extractor
Hai công cụ tạo DESIGN.md từ URL, so sánh về mức tuân thủ đặc tả, công thức component, kiểm tra với trang web thật và giá.
Refero Styles vs Design Extractor
Một thư viện lớn, miễn phí về phong cách trang web, so với một DESIGN.md đúng đặc tả từ bất kỳ URL nào, có công thức component được kiểm tra với trang web thật.
TypeUI vs Design Extractor
Tiện ích mở rộng Chrome miễn phí của TypeUI, vốn điền mẫu riêng của nó từ các style trong tab của bạn, so với một DESIGN.md đúng đặc tả có công thức component được kiểm tra với trang web thật.
FAQ
getdesign.md vs Design Extractor: câu hỏi thường gặp
Câu trả lời ngắn về getdesign.md và Design Extractor, kiểm tra ngày 2026-10-20.
Một phần. Bộ miễn phí trên getdesign.md, phần lớn cũng có trên GitHub với tên awesome-design-md theo giấy phép MIT, có thể tải xuống hoặc cài đặt bằng npx getdesign. Một DESIGN.md riêng cho trang web khác có giá 39 US$ một lần, và Catalog Pass có giá 99 US$ mỗi tháng. Giá được kiểm tra ngày 2026-10-20.
Có, dưới dạng một yêu cầu riêng có trả phí: bạn gửi URL và họ gửi tệp đến hộp thư của bạn. Vào ngày 2026-10-20, trang web này không có công cụ tạo tệp tức thì, tự phục vụ. Design Extractor tạo DESIGN.md từ bất kỳ URL công khai nào ngay khi bạn chạy.
Có. Front matter chỉ dùng các thuộc tính của đặc tả, không có key cấp cao nhất tùy chỉnh, các section chuẩn theo thứ tự của đặc tả, và các mục component chỉ dùng tám thuộc tính của đặc tả với giá trị cụ thể. Trình kiểm tra DESIGN.md miễn phí kiểm tra bất kỳ tệp nào theo đặc tả.
Mỗi công thức được render riêng và so sánh với trang web thật: so khớp cấu trúc các phần với những gì đo được trên trang, và so sánh từng pixel với ảnh chụp mới của phần tử thật. Công thức nào không đạt sẽ được dựng lại và kiểm tra lần nữa; công thức vẫn không đạt sẽ được đánh dấu kèm lý do.
Không. Lượt trích xuất dùng credit trả trước: gói bắt đầu từ 5 US$ cho 50 credit và một lượt trích xuất Pro tốn 10 credit. Credit không bao giờ hết hạn và không có thuê bao. Xem thư viện mẫu và dùng các công cụ miễn phí không tốn gì.
Có. Cả hai đều cho bạn một DESIGN.md để đặt trong repository và trỏ agent của bạn tới. Chuyển sang Design Extractor không làm thay đổi cách thiết lập agent của bạn.
Nhận DESIGN.md cho trang web bạn cần
Dán bất kỳ URL công khai nào. Pro lấy mẫu các trang chính của trang web và trả về một DESIGN.md đúng đặc tả, có công thức component được kiểm tra với trang web thật.