Design systems / Design system extractor
designmd.supply
Create a design brief from a public website’s available visual data.
Understand the resource
What it is.
The public tool combines Context.dev brand information, screenshots and markup into a DESIGN.md document. A linked repository makes the implementation available for inspection, but no generator was run in this review.
When it is useful
You need a first pass at an owned site’s colors, typography and component language.
A proposed application
Put it to work.
This example illustrates a possible use. The proposed workflow and expected result are separate from the bounded checks recorded below.
Try this
Compare the generated brief for a public documentation site with three actual page states, then annotate gaps.
Result to aim for
An editable style brief with known omissions.
Before you start
What you need.
- A public domain and a review step; self-hosting requirements are outside this check.
The practical boundaries
What to watch for.
- The workflow uses a third-party data service; public input does not mean the processing stays on your machine.
- Generated instructions should be reviewed before an agent receives them, particularly external links and commands.
Review record
What we could establish.
- Public primary documentation reviewed. See the account-free evaluation for executed checks and remaining workflow limits.
The source-review notes describe documentation and identity. The account-free evaluation below records exactly which public interaction or local fixture was checked, what happened, and what remains untested.
Check current access, terms, licensing and data handling before using a resource with your own material.
Runtime and security evaluation
What the evaluation covers.
The public Apple guide opened in Chromium and loaded reference images. A separate HTTP client received 429, so browser access and automated-fetch access differ.
Methods: Public HTTP response · Public browser sample. A completed check covers the stated sample; it is not a safety certification.
- Target
- https://www.designmd.supply/
- Version or capture
- Unversioned public page observed on 2026-10-19
- Integrity scope
- sha256:7fa234e75cffd7e0827de5e22f7c9f3c36f7fbfdceb889aafd16e326c40d931c — initial HTTP 429 response body only; not whole-application integrity.
Test conditions
- Chromium 155.0.8059.82, 1365×900 desktop viewport.
- Separate fresh, ephemeral browser contexts for entry and interaction; no owner profile, credentials or stored session.
- Only GET/HEAD network requests allowed; forms, downloads, WebSockets and service workers blocked. Some analytics endpoints also blocked.
- Short bounded waits; no mobile, assistive-technology, cross-browser or performance certification.
Individual checks and observations
Public HTTP response
blockedPublic HTTP response: Anonymous GET with redirects followed, response-body SHA-256 and selected security-header summaries; no cookies retained.
Observed: The standalone client received 429 at https://www.designmd.supply/. The fresh browser check is reported separately; this is not evidence that the site is offline.
Fresh browser entry
passPublic browser sample: Open the catalog URL in a new anonymous Chromium context with read-only network guards and no inherited profile.
Observed: The document returned 200 and identified itself as “designmd.supply”. 85 image elements were present; no account was used.
Observed public sample or navigation
passPublic browser sample: Follow the observed Apple apple.com · Technology link to https://www.designmd.supply/guides/apple.com.
Observed: The destination returned 200; title: “apple.com — designmd.supply”. 6 page image elements had decoded during the bounded wait. This count is not a catalog size or performance benchmark.
Security findings and boundaries
Passive inspection of the initial public document’s response headers and anonymous browser request hostnames, with read-only guards. No source exploitation, account access, dependency audit or private data.
Observed · info
Public response protections
The initial browser page used HTTPS. Its response included HSTS. No enforcing Content-Security-Policy response header was observed. This records the sampled response only; meta policies, backend authorization and exploit resistance were not assessed.
Observed · info
Request surface in the anonymous visit
designmd.supply attempted requests to 2 additional hosts, including cdn.databuddy.cc, media.brand.dev. Host counts include requests stopped by the test guard; they do not establish what data a service retained.
Practical advice · caution
Before using this reference
An existing guide can be inspected without generating a new one. Generated guidance still needs a token, asset-rights and instruction review.
Practical caveats
- An existing guide can be inspected without generating a new one. Generated guidance still needs a token, asset-rights and instruction review.
- The workflow uses a third-party data service; public input does not mean the processing stays on your machine.
What remains untested
- No domain was submitted to the generator; Context.dev processing, extraction fidelity, quotas and generated-file safety were not tested.
- Results describe the observed public pages and a bounded action, not the entire product or the referenced designs.
Security limits
- No authentication, authorization, tenant separation, data retention or backend handling was tested.
- Header presence or absence is a sampled configuration observation, not a security certification or an exploit finding.
- 0 blocked-request records were retained across entry and interaction checks. Guards may alter normal page behavior; the logs do not represent unrestricted traffic.
Evaluation sources
Follow the evidence
Sources and further reading.
Keep exploring
More in design systems.
Documentation reviewed
Refero Styles
Turn a visual reference into a starting system an agent can read.
Documentation reviewed
Fudge
Bring references, website feedback and design work into a conversational workspace.
Documentation reviewed
DesignMD
Inspect a website’s visual system before drafting new screens.