getdesign.md vs Design Extractor
Design Extractor tworzy DESIGN.md z dowolnego publicznego URL, który mu podasz. Plik jest zgodny ze specyfikacją DESIGN.md od Google, a każdy komponent wybrany ze strony trafia do niego jako receptura HTML i CSS, którą twój agent AI do kodowania może odtworzyć. Każda receptura jest sprawdzana z działającą stroną albo oznaczana z podaniem powodu. Działa też na stronach, które odpowiadają tylko odwiedzającym z określonych krajów.
getdesign.md to wyselekcjonowana kolekcja gotowych plików DESIGN.md dla znanych marek. Oto porównanie obu narzędzi. Nie znasz tego formatu? Przeczytaj, czym jest DESIGN.md.
Sprawdzono na podstawie: getdesign.md, jego stronę zamówień, stronę Catalog Pass i repozytorium awesome-design-md. Oferty i ceny się zmieniają, więc przed decyzją sprawdź ich stronę.
Dlaczego Design Extractor
Zgodny ze specyfikacją DESIGN.md od Google
Front matter w YAML używa tylko właściwości zdefiniowanych w specyfikacji, bez własnych kluczy najwyższego poziomu. Kanoniczne sekcje występują w kolejności ze specyfikacji, od Overview do Do's and Don'ts. Wpisy komponentów we front matter używają tylko ośmiu właściwości ze specyfikacji, z dosłownymi wartościami. Sprawdź dowolny plik darmowym Walidatorem DESIGN.md.
Receptura dla każdego komponentu wybranego ze strony
Nagłówek, stopka, przyciski, pola, karty i inne komponenty wybrane ze strony trafiają do pliku jako receptury: destylowany HTML i CSS z dosłownymi wartościami, w sekcji Components pliku DESIGN.md. Każda receptura wymienia swoje części oraz stany hover i focus zaobserwowane na stronie, aby twój agent AI do kodowania mógł odtworzyć komponent, zamiast go zgadywać.
Weryfikacja z działającą stroną
Każda receptura jest renderowana osobno i sprawdzana z działającą stroną: przez dopasowanie strukturalne wyrenderowanych części do tego, co zmierzono na stronie, oraz porównanie pikseli ze świeżym przechwyceniem prawdziwego elementu. Receptura, która nie przejdzie, jest budowana od nowa i sprawdzana ponownie. Taka, która nadal nie przechodzi, jest oznaczana z podaniem powodu i nigdy nie trafia do pliku jako zweryfikowana. Strona wyniku pokazuje, jak dokładnie komponenty pasują i jaka część kolorów oraz stylów tekstu strony jest pokryta: zobacz Stripe w galerii.
Działa na stronach z ograniczeniami regionalnymi
Niektóre strony odpowiadają tylko odwiedzającym z określonych krajów. Gdy ekstrakcja nie powiedzie się z tego powodu, strona wyniku oferuje wybór kraju, z krajami, z których strona się wczytuje, na początku listy, i uruchamia tę samą ekstrakcję przez przeglądarkę w wybranym kraju. Ekstrakcja z innego kraju kosztuje cenę Pro powiększoną o dopłatę za kraj, łącznie 16 kredytów (w tym dopłata: 6). Jeśli ekstrakcja się nie powiedzie, zwracamy ci kredyty.
Obok siebie
| getdesign.md | Design Extractor | |
|---|---|---|
| Zgodność ze specyfikacją | Używa struktury specyfikacji DESIGN.md od Google: tokeny we front matter w YAML i kanoniczne sekcje w kolejności ze specyfikacji. | Zgodny ze specyfikacją DESIGN.md od Google: front matter tylko z właściwościami ze specyfikacji i bez własnych kluczy najwyższego poziomu, kanoniczne sekcje w kolejności ze specyfikacji, a wpisy komponentów ograniczone do ośmiu właściwości ze specyfikacji, z dosłownymi wartościami. |
| Receptury komponentów | Komponenty są zdefiniowane jako tokeny we front matter i opisane prozą, bez HTML. | Każdy komponent wybrany ze strony, taki jak nagłówek, stopka, przyciski, pola i karty, trafia do pliku jako receptura: destylowany HTML i CSS w sekcji Components, aby twój agent AI do kodowania mógł go odtworzyć. |
| Weryfikacja z działającą stroną | Brak w ofercie | Tak. Każda receptura jest renderowana osobno i sprawdzana z działającą stroną: przez dopasowanie strukturalne jej części i porównanie pikseli. Komponent, który nie przejdzie, jest oznaczany z podaniem powodu i nigdy nie trafia do pliku jako zweryfikowany. |
| Strony z ograniczeniami regionalnymi | Pliki pochodzą z katalogu lub z prywatnego zamówienia. | Tak. Gdy strona blokuje odwiedzających z niektórych krajów, nieudana ekstrakcja oferuje wybór kraju, z krajami, z których strona się wczytuje, na początku listy, i uruchamia tę samą ekstrakcję przez przeglądarkę w tym kraju. Ekstrakcja z innego kraju kosztuje cenę Pro powiększoną o dopłatę za kraj, łącznie 16 kredytów (w tym dopłata: 6). |
| Czym jest | Wyselekcjonowana kolekcja plików DESIGN.md opracowanych na podstawie analizy prawdziwych stron, prowadzona przez zespół VoltAgent. | Generator: podajesz publiczny URL, a on zwraca DESIGN.md tej strony. |
| Dowolna strona na żądanie | Nie od razu. Dla strony spoza darmowego zestawu wysyłasz płatne prywatne zamówienie, a plik trafia do twojej skrzynki. | Tak. Wklej dowolny publiczny URL, a ekstrakcja startuje od razu. DESIGN.md otwiera się na stronie wyniku po zakończeniu. |
| Darmowe pliki | Tak. Darmowy zestaw, który możesz pobrać lub zainstalować poleceniem npx getdesign@latest add stripe. Repozytorium awesome-design-md na GitHubie zawiera też 84 z tych plików, na licencji MIT. | Ekstrakcje są płatne. Galerię plików DESIGN.md, które już wyodrębniliśmy, można za darmo czytać i kopiować. |
| Zakres | Katalog z 551 stronami internetowymi. Poza darmowym zestawem wpis katalogu pokazuje podgląd i oferuje płatne zamówienie, a nie pobranie. | Dowolna publiczna strona oraz niewielka galeria wcześniej wyodrębnionych marek. |
| Cena | Darmowy zestaw: za darmo. Prywatny DESIGN.md: 39 USD jednorazowo (cena katalogowa 59 USD). Catalog Pass: 99 USD miesięcznie za pakiet 45 wyselekcjonowanych plików, z co najmniej 5 nowymi plikami dodawanymi co miesiąc. | Przedpłacone kredyty, bez subskrypcji. Pakiety od 5 USD za pulę 50 kredytów; ekstrakcja Pro kosztuje 10 kredytów. Kredyty nigdy nie wygasają. |
| Jak powstaje plik | Niezależna analiza publicznie obserwowalnych wzorców strony, wyselekcjonowana jako punkt wyjścia do inspiracji. | Renderowany z działającej strony w przeglądarce w chwili uruchomienia. Tryb Pro bada kluczowe podstrony witryny. |
| Aktualność | Migawka z chwili analizy strony. Wpisy nie podają daty analizy. | Tak aktualny jak chwila, w której uruchamiasz ekstrakcję. Późniejsza ponowna ekstrakcja to nowa, płatna ekstrakcja. |
| Dostęp dla agentów | CLI, które instaluje DESIGN.md po nazwie. Nie ma serwera MCP ani API. | Serwer MCP dla Claude Code, Cursor, Codex, ChatGPT i innych klientów oraz rozszerzenie Chrome dla karty, na której jesteś. |
| Dodatki | Podglądy każdego pliku na żywo w jasnym i ciemnym motywie oraz zestawy startowe (zestaw dla strony internetowej kosztuje 249 USD jednorazowo, cena katalogowa 299 USD). | Darmowe narzędzia: walidator DESIGN.md, wyszukiwarka fontów i ekstraktor palety kolorów. |
Co oferuje getdesign.md
- Darmowy zestaw plików DESIGN.md dla znanych marek; większość z nich jest też dostępna na GitHubie jako awesome-design-md na licencji MIT.
- Instalacja jednym poleceniem z terminala przez npx getdesign.
- Podglądy każdego pliku na żywo w jasnym i ciemnym motywie.
- Prywatne pliki DESIGN.md dla innych stron na zamówienie, dostarczane e-mailem, oraz miesięczny Catalog Pass.
- Zestawy startowe, na przykład zestaw dla strony internetowej.
Kolekcja czy dowolny URL na żądanie
Kolekcja jest szybka, gdy marka, której szukasz, w niej jest. Twój własny produkt, strona klienta czy mały konkurent rzadko trafiają do jakiegokolwiek katalogu. getdesign.md rozwiązuje to płatnym prywatnym zamówieniem dostarczanym e-mailem.
Design Extractor rozwiązuje to ekstrakcją, którą uruchamiasz samodzielnie: wklej URL na stronie głównej, a DESIGN.md powstanie z działającej strony, z recepturami sprawdzonymi z nią. Gotowe pliki zobaczysz w galerii.
Jak przejść z getdesign.md
- Wklej URL strony na stronie głównej Design Extractor i uruchom ekstrakcję Pro.
- Zapisz wynik jako DESIGN.md w katalogu głównym repozytorium, zastępując stary plik, i zachowaj odwołanie w AGENTS.md lub CLAUDE.md. Jeśli edytujesz plik ręcznie, sprawdź go darmowym Walidatorem DESIGN.md.
- Albo zleć to agentowi: połącz serwer MCP i poproś go o wyodrębnienie strony.
Werdykt
Wybierz Design Extractor, jeśli potrzebujesz DESIGN.md dla dowolnej strony na żądanie, a nie tylko z katalogu, z recepturami komponentów sprawdzonymi z działającą stroną. Odczytuje stronę taką, jak wygląda w chwili uruchomienia, i jest zgodny ze specyfikacją Google, z recepturą dla każdego komponentu wybranego ze strony; receptura, która nie przejdzie, jest oznaczana z podaniem powodu. Twój agent może sam uruchamiać ekstrakcje przez serwer MCP.
Inne porównania
designmd.me vs Design Extractor
Dwa generatory DESIGN.md z URL porównane pod kątem zgodności ze specyfikacją, receptur komponentów, sprawdzania z działającą stroną i ceny.
Refero Styles vs Design Extractor
Duża, darmowa biblioteka stylów stron w porównaniu z DESIGN.md zgodnym ze specyfikacją, z recepturami komponentów sprawdzonymi z działającą stroną, z dowolnego URL.
TypeUI vs Design Extractor
Darmowe rozszerzenie Chrome od TypeUI, które wypełnia własny szablon stylami z twojej karty, w porównaniu z DESIGN.md zgodnym ze specyfikacją, z recepturami komponentów sprawdzonymi z działającą stroną.
FAQ
getdesign.md vs Design Extractor: pytania
Krótkie odpowiedzi o getdesign.md i Design Extractor, sprawdzone 2026-10-20.
Częściowo. Darmowy zestaw na getdesign.md, w większości dostępny też na GitHubie jako awesome-design-md na licencji MIT, można pobrać lub zainstalować przez npx getdesign. Prywatny DESIGN.md dla innej strony kosztuje 39 USD jednorazowo, a Catalog Pass 99 USD miesięcznie. Ceny sprawdzone 2026-10-20.
Tak, jako płatne prywatne zamówienie: przesyłasz URL, a oni dostarczają plik do twojej skrzynki. W dniu 2026-10-20 strona nie miała natychmiastowego, samoobsługowego generatora. Design Extractor generuje DESIGN.md z dowolnego publicznego URL od razu po uruchomieniu.
Tak. Front matter używa tylko właściwości ze specyfikacji, bez własnych kluczy najwyższego poziomu, kanoniczne sekcje występują w kolejności ze specyfikacji, a wpisy komponentów używają tylko ośmiu właściwości ze specyfikacji, z dosłownymi wartościami. Darmowy Walidator DESIGN.md sprawdza zgodność dowolnego pliku ze specyfikacją.
Każda receptura jest renderowana osobno i porównywana z działającą stroną: przez dopasowanie strukturalne jej części do tego, co zmierzono na stronie, oraz porównanie pikseli ze świeżym przechwyceniem prawdziwego elementu. Receptura, która nie przejdzie, jest budowana od nowa i sprawdzana ponownie; taka, która nadal nie przechodzi, jest oznaczana z podaniem powodu.
Nie. Ekstrakcje korzystają z przedpłaconych kredytów: pakiety od 5 USD za pulę 50 kredytów, a ekstrakcja Pro kosztuje 10 kredytów. Kredyty nigdy nie wygasają i nie ma subskrypcji. Przeglądanie galerii i darmowe narzędzia nic nie kosztują.
Tak. Oba dają ci DESIGN.md, który umieszczasz w repozytorium i wskazujesz agentowi. Przejście na Design Extractor nie zmienia konfiguracji twojego agenta.
Wygeneruj DESIGN.md dla strony, której potrzebujesz
Wklej dowolny publiczny URL. Tryb Pro bada kluczowe podstrony witryny i zwraca DESIGN.md zgodny ze specyfikacją, z recepturami komponentów sprawdzonymi z działającą stroną.