{"adoption": {"forks": 298, "observed_at": "2026-08-28T04:07:16.331463+00:00", "stars": 2738}, "canonical_url": "https://ross.abutalabs.com/products/design-md-chrome", "card": {"archived": false, "artifact_type": "plugin", "description": "Chrome extension to extract styles from any website and generate DESIGN.md files and design skills for AI based on TypeUI", "domain": ["web-development", "web-design", "developer-tools", "browser-extensions"], "enriched": true, "function": ["developer-tools", "documentation", "markdown", "web-scraping", "prompt-engineering"], "health_score": 88, "homepage": "https://chromewebstore.google.com/detail/designmd-style-extractor/ogpdnchdjiibhobphelbbkemnnemkfma", "language": "JavaScript", "license": "MIT", "license_family": "permissive", "maturity": "active", "member_repos": ["bergside/design-md-chrome"], "name": "bergside/design-md-chrome", "platform": ["browser", "browser-extension"], "pushed_at": "2026-05-25T18:28:25+00:00", "repo": "bergside/design-md-chrome", "stars": 2738, "tags": ["chrome-extension", "design-systems", "design-md", "typeui", "ai-skills", "claude", "codex", "gemini", "style-extraction", "design-tokens"], "topics": ["ai", "chrome", "chrome-extension", "design-md", "design-skills", "extension", "open-source", "skills", "skills-ai", "typeui", "claude", "claude-design", "codex", "gemini"], "urls": [], "use_cases": ["extract design tokens from an existing website", "generate a DESIGN.md design system blueprint from a live site", "create SKILL.md files for AI coding agents", "reverse-engineer a website's visual style for rebuilding it", "feed a site's design system into Claude Code or Codex", "document typography, colors, and spacing of any webpage"], "what_it_is": "A Chrome extension that extracts visual styles (typography, colors, spacing, shadows, motion) from any website and generates DESIGN.md or SKILL.md files based on the open-source TypeUI format. These files serve as design-system blueprints for AI coding tools like Claude Code, Codex, and Google Stitch.", "when_to_avoid": ["you need a full design-to-code converter rather than a style extractor", "you work outside Chrome or need Firefox/Safari support", "you want automated visual regression testing of designs"], "when_to_choose": ["you want to replicate or extend an existing site's design with AI tools", "you need a structured design-system document from a live webpage", "you use Claude Code, Codex, Gemini, or Stitch and want design context"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/design-md-chrome", "repo": "bergside/design-md-chrome", "role": "main", "score": 68}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:07:16.331463+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T08:19:12.956138+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "d12d05f7e20ec833734ba5dee4c5697b9ceafe25e4958958fb3c21b0543ce53d", "fetched_at": "2026-08-28T04:07:16.331463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bergside/design-md-chrome"}, {"content_hash": "44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a", "fetched_at": "2026-08-29T09:57:41.426725+00:00", "kind": "homepage", "missing": false, "url": "https://chromewebstore.google.com/detail/designmd-style-extractor/ogpdnchdjiibhobphelbbkemnnemkfma"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:07:16.331463+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T08:19:12.956138+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "d12d05f7e20ec833734ba5dee4c5697b9ceafe25e4958958fb3c21b0543ce53d", "fetched_at": "2026-08-28T04:07:16.331463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bergside/design-md-chrome"}, {"content_hash": "44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a", "fetched_at": "2026-08-29T09:57:41.426725+00:00", "kind": "homepage", "missing": false, "url": "https://chromewebstore.google.com/detail/designmd-style-extractor/ogpdnchdjiibhobphelbbkemnnemkfma"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T08:19:12.956138+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "d12d05f7e20ec833734ba5dee4c5697b9ceafe25e4958958fb3c21b0543ce53d", "fetched_at": "2026-08-28T04:07:16.331463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bergside/design-md-chrome"}, {"content_hash": "44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a", "fetched_at": "2026-08-29T09:57:41.426725+00:00", "kind": "homepage", "missing": false, "url": "https://chromewebstore.google.com/detail/designmd-style-extractor/ogpdnchdjiibhobphelbbkemnnemkfma"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:07:16.331463+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:07:16.331463+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:07:16.331463+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T08:19:12.956138+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "d12d05f7e20ec833734ba5dee4c5697b9ceafe25e4958958fb3c21b0543ce53d", "fetched_at": "2026-08-28T04:07:16.331463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bergside/design-md-chrome"}, {"content_hash": "44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a", "fetched_at": "2026-08-29T09:57:41.426725+00:00", "kind": "homepage", "missing": false, "url": "https://chromewebstore.google.com/detail/designmd-style-extractor/ogpdnchdjiibhobphelbbkemnnemkfma"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:07:16.331463+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:07:16.331463+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T08:19:12.956138+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "d12d05f7e20ec833734ba5dee4c5697b9ceafe25e4958958fb3c21b0543ce53d", "fetched_at": "2026-08-28T04:07:16.331463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bergside/design-md-chrome"}, {"content_hash": "44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a", "fetched_at": "2026-08-29T09:57:41.426725+00:00", "kind": "homepage", "missing": false, "url": "https://chromewebstore.google.com/detail/designmd-style-extractor/ogpdnchdjiibhobphelbbkemnnemkfma"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:07:16.331463+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:07:16.331463+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:07:16.331463+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T08:19:12.956138+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "d12d05f7e20ec833734ba5dee4c5697b9ceafe25e4958958fb3c21b0543ce53d", "fetched_at": "2026-08-28T04:07:16.331463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bergside/design-md-chrome"}, {"content_hash": "44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a", "fetched_at": "2026-08-29T09:57:41.426725+00:00", "kind": "homepage", "missing": false, "url": "https://chromewebstore.google.com/detail/designmd-style-extractor/ogpdnchdjiibhobphelbbkemnnemkfma"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:07:16.331463+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:07:16.331463+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T08:19:12.956138+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "d12d05f7e20ec833734ba5dee4c5697b9ceafe25e4958958fb3c21b0543ce53d", "fetched_at": "2026-08-28T04:07:16.331463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bergside/design-md-chrome"}, {"content_hash": "44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a", "fetched_at": "2026-08-29T09:57:41.426725+00:00", "kind": "homepage", "missing": false, "url": "https://chromewebstore.google.com/detail/designmd-style-extractor/ogpdnchdjiibhobphelbbkemnnemkfma"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T08:19:12.956138+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "d12d05f7e20ec833734ba5dee4c5697b9ceafe25e4958958fb3c21b0543ce53d", "fetched_at": "2026-08-28T04:07:16.331463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bergside/design-md-chrome"}, {"content_hash": "44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a", "fetched_at": "2026-08-29T09:57:41.426725+00:00", "kind": "homepage", "missing": false, "url": "https://chromewebstore.google.com/detail/designmd-style-extractor/ogpdnchdjiibhobphelbbkemnnemkfma"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T08:19:12.956138+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "d12d05f7e20ec833734ba5dee4c5697b9ceafe25e4958958fb3c21b0543ce53d", "fetched_at": "2026-08-28T04:07:16.331463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bergside/design-md-chrome"}, {"content_hash": "44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a", "fetched_at": "2026-08-29T09:57:41.426725+00:00", "kind": "homepage", "missing": false, "url": "https://chromewebstore.google.com/detail/designmd-style-extractor/ogpdnchdjiibhobphelbbkemnnemkfma"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T08:19:12.956138+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "d12d05f7e20ec833734ba5dee4c5697b9ceafe25e4958958fb3c21b0543ce53d", "fetched_at": "2026-08-28T04:07:16.331463+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bergside/design-md-chrome"}, {"content_hash": "44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a", "fetched_at": "2026-08-29T09:57:41.426725+00:00", "kind": "homepage", "missing": false, "url": "https://chromewebstore.google.com/detail/designmd-style-extractor/ogpdnchdjiibhobphelbbkemnnemkfma"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 84, "longevity": 10, "rhythm": 80}, "computed_at": "2026-09-03T02:20:16.233290+00:00", "flags": ["young"], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 141, "days_push": 100, "days_rel": 138, "gap_med": 0, "n_releases_24m": 4}, "score": 68, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}