{"_id":"designlang","_rev":"38-81f912a2aba89fd4986dbee728cebafb","name":"designlang","dist-tags":{"latest":"12.15.0"},"versions":{"1.0.0":{"name":"designlang","version":"1.0.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@1.0.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"85f432fb0c8a10ed62e2d55a85127272c482bdc2","tarball":"https://registry.npmjs.org/designlang/-/designlang-1.0.0.tgz","fileCount":24,"integrity":"sha512-Vh0FFCRhlsRnG3HY+/NQP9ZZ2ZmNQnBPFHWsVkqe5Aq9ItN65rvhrUPXICoq1MYl1BoHpEVv5JEanBCIBuernQ==","signatures":[{"sig":"MEQCIFVo0/Lluly3cnzodSXnweOxKDeihtV0/gNb5uQzyHAXAiAh5ObvGNiSko9EKrLI3vKLgg7BQ0MJ4jIM0meMVoslrQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":64051},"main":"src/index.js","type":"module","engines":{"node":">=18"},"gitHead":"cce41b5dfe160f610da9005cef6956465bd91d74","scripts":{"test":"node --test tests/","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, and more. Outputs AI-optimized markdown, W3C design tokens, Tailwind config, and CSS variables.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_1.0.0_1776248059178_0.46316095701800086","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"designlang","version":"2.0.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@2.0.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"e98b0ee225018f0954069666c1e876b00abbbb63","tarball":"https://registry.npmjs.org/designlang/-/designlang-2.0.0.tgz","fileCount":30,"integrity":"sha512-z6MiDCLn922GTa+2UtShj0JalqnEWfxSc2C3a+LfwZ7GWg3ZXHFYZeNE1ttNHpKUMWrWAH4dV31rFCoxu2wBkw==","signatures":[{"sig":"MEQCIHTMwX6q/wa19fkra4jzAOppDI8p9lN8pKkKd8o2gqLfAiAsCS0NV135mCiHHgCNTRPKGa4jbp5FY9Jfx1bxKGj2/w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":107652},"main":"src/index.js","type":"module","engines":{"node":">=18"},"gitHead":"d71d2519a0ad672ed1219270c94c0b03df32b58c","scripts":{"test":"node --test tests/","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, and more. Outputs AI-optimized markdown, W3C design tokens, Tailwind config, and CSS variables.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_2.0.0_1776248647643_0.019094930035319813","host":"s3://npm-registry-packages-npm-production"}},"3.0.0":{"name":"designlang","version":"3.0.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@3.0.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"f20c3512888888f61d9e743e20a362c7f579bbe4","tarball":"https://registry.npmjs.org/designlang/-/designlang-3.0.0.tgz","fileCount":35,"integrity":"sha512-phCyRwkP95LoPmR1yGP0tXDR+mD06ihOarDVE0e77SwmLWoHpsOp0+3yl01/l8904xwK9rv1pz5IzvOUixIsyw==","signatures":[{"sig":"MEUCIH+Aq1J6lMwHeqTQPtvPLLOIhAh68mxUk/3+Jo+uz53NAiEAwEp/+gPmzkPs5t+tbYnlkvahoUwmlp4z7SreMo/Trgw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":141506},"main":"src/index.js","type":"module","engines":{"node":">=18"},"gitHead":"f153163c33c58caabbf3fa452be41f3cac839adb","scripts":{"test":"node --test tests/","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, and more. Outputs AI-optimized markdown, W3C design tokens, Tailwind config, and CSS variables.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_3.0.0_1776253410124_0.6205157820095799","host":"s3://npm-registry-packages-npm-production"}},"4.0.0":{"name":"designlang","version":"4.0.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@4.0.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"3535eb3ede257d8fb7e042e5ed6f96ada33d46a4","tarball":"https://registry.npmjs.org/designlang/-/designlang-4.0.0.tgz","fileCount":39,"integrity":"sha512-BJkKeH8qAuucAwysSKJSuhvLjdIDyoGJI5w7m6f6uXnMtHcdPCiS/D4RkTAtlGcXdqNrMNqmSEKu9jlUj6vPHg==","signatures":[{"sig":"MEQCIGb2TCOoySPlK4QEq1sSQjfLZTy/Gv8fsundP2hIVKukAiBNpI+9t9eV323BZfRGUMAygJ9EK4Bng10tasGwfGgH3g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8099606},"main":"src/index.js","type":"module","engines":{"node":">=18"},"gitHead":"bb79035e8461e03bbad45a5e3cef4903f0d58e35","scripts":{"test":"node --test tests/","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, and more. Outputs AI-optimized markdown, W3C design tokens, Tailwind config, and CSS variables.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_4.0.0_1776257455898_0.44772528326066907","host":"s3://npm-registry-packages-npm-production"}},"4.0.1":{"name":"designlang","version":"4.0.1","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@4.0.1","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"88e53341e4820fd99cd6ccedde99c07c06416410","tarball":"https://registry.npmjs.org/designlang/-/designlang-4.0.1.tgz","fileCount":55,"integrity":"sha512-U8scmCwLPn7ovJ32LTOF2AkxpGoNb7T7FyQs4srHbNUejpU+O5N52eQvDVLWdLZjD01G1aVNnXxy+ROlH4czzQ==","signatures":[{"sig":"MEYCIQCb2xGYD//Gz8JLRIsSMo0NUx0y3xSc24bLt3b5uJlb3QIhALMON4JuYhyCRtFik7V2fwi/znsvXgbFqcgDoAOg9MnP","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":254734},"main":"src/index.js","type":"module","engines":{"node":">=18"},"gitHead":"004120a22bbe6891b981502652217bcadbdc2d59","scripts":{"test":"node --test tests/","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, and more. Outputs AI-optimized markdown, W3C design tokens, Tailwind config, and CSS variables.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_4.0.1_1776266707514_0.9679045429392907","host":"s3://npm-registry-packages-npm-production"}},"5.0.0":{"name":"designlang","version":"5.0.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@5.0.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"965704ee8e7b031d43c27b6b0a23fcc4f3a0f47d","tarball":"https://registry.npmjs.org/designlang/-/designlang-5.0.0.tgz","fileCount":64,"integrity":"sha512-TyVA3LMAYh/RTym/6+CFEA5YMZ7Yy7UQ4kGXEOfGM6+2AUbhyJrYcFXL6jAHtkjXfOErUFJcSS0vTjLGNV2KdA==","signatures":[{"sig":"MEYCIQCRWvI9m4bOt+iU164cXnmUoCTMAk+yVpDc0rWLou7cdwIhAPI3Heyu+WHOKahdjzD/YJqPtFITSCsaSutLDsFfFha8","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":314662},"main":"src/index.js","type":"module","engines":{"node":">=18"},"gitHead":"25023d4a300ccd9fd5ea291b133a4d5dc9a045d1","scripts":{"test":"node --test tests/","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, and more. Outputs AI-optimized markdown, W3C design tokens, Tailwind config, and CSS variables.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_5.0.0_1776282805553_0.1931875223845574","host":"s3://npm-registry-packages-npm-production"}},"6.0.0":{"name":"designlang","version":"6.0.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@6.0.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"70701e159591f0d451f4b4a2dff73d46aeb12d18","tarball":"https://registry.npmjs.org/designlang/-/designlang-6.0.0.tgz","fileCount":72,"integrity":"sha512-YXtrDQtirp/hyeIulwzeCZZsiQ0en6TUa5PWcmAVt1jJ1yOqT/+O//E8ci6DhPN+8mWvK/DToqQWP4wVU2odwA==","signatures":[{"sig":"MEUCIQChgqBhywUYFl27oqv8bgOqgsb3oswpfdEXZ9EmcZrSDwIgQeaeViHNLfOGZOv81S2kGts4ksGVOjyWgZr/5CmvuFc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":417120},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"ed257b9a6557a21e781c0c7bf3ec1168b5b90a67","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, and more. Outputs AI-optimized markdown, W3C design tokens, Tailwind config, and CSS variables.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_6.0.0_1776327346781_0.42679380940000455","host":"s3://npm-registry-packages-npm-production"}},"7.0.0":{"name":"designlang","version":"7.0.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@7.0.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"d9172eb7c0a25febe9dbf0f3effbc2290ce0003d","tarball":"https://registry.npmjs.org/designlang/-/designlang-7.0.0.tgz","fileCount":94,"integrity":"sha512-ymDwPseXZa8jdJcx/N3Ukr4liUbbS0VeKdlqOxv6Y2lSYhocbksfPwtjnrF4+zoxqMlGGpWlGBAOumjqQgcoqg==","signatures":[{"sig":"MEQCIDkl5kdLXAShOdH2jWj8jKa0+bzIpYl1xJpY+Xt8N1KaAiBvyKLVPWj9fr8h7x0UQwwUm3foJT1lA8w9CNzq3x9SCg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":567072},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"f0a5c9623aefd6dcef64e939a6e778cb88a3d19c","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, and more. Outputs AI-optimized markdown, W3C design tokens, Tailwind config, and CSS variables.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_7.0.0_1776509873436_0.6371727232111155","host":"s3://npm-registry-packages-npm-production"}},"7.1.0":{"name":"designlang","version":"7.1.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@7.1.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"d67214fe0bb31ded5438bca8c3ec27627d0a3a2c","tarball":"https://registry.npmjs.org/designlang/-/designlang-7.1.0.tgz","fileCount":133,"integrity":"sha512-YwC0MJCFPdxVItXR8Yb1yPsWI7b5EzZDE/kuHkv9nAoB9gEV8MCUTxi02POQiR/CDp0OmrPIH5G2O0jA4t+JrQ==","signatures":[{"sig":"MEUCIQDZCIkQM2JUIG1OLlHM/xYbYMMmK7U5w6q8AwfZA6+vRwIgaLnHKrzcAp1kd4ay+GHevFVqrjjPRjaSjyrI+lol1AA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":722136},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"aab2b0b72a2fd2aef86499f4f50923bd7b062fea","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, and more. Outputs AI-optimized markdown, W3C design tokens, Tailwind config, and CSS variables.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_7.1.0_1776552620304_0.37415043924110947","host":"s3://npm-registry-packages-npm-production"}},"7.2.0":{"name":"designlang","version":"7.2.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@7.2.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"a3f924ac05d5b2052b1db2a495dee6a2ed64848b","tarball":"https://registry.npmjs.org/designlang/-/designlang-7.2.0.tgz","fileCount":145,"integrity":"sha512-F5DQtj6nXSys88ueQU184TSkBUsdc8PUxSbB9v1ToOg4XvSIpuhA6dTBwlq3KKDP1te14U9QTsL/j/pFDeAFuw==","signatures":[{"sig":"MEYCIQCkjBe9jMPO3Dttldjvt5F6czJ34ZncWDHnBqAJPwmHiQIhAIzOw7WSkPxAOsTiBtTp3EvXSbi2CVSq0QB6+nwuf/qV","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":830783},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"866317dc13bd8c03f1d50ecac8b15692d84fede2","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, and more. Outputs AI-optimized markdown, W3C design tokens, Tailwind config, and CSS variables.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_7.2.0_1776555573981_0.28829281664548745","host":"s3://npm-registry-packages-npm-production"}},"8.0.0":{"name":"designlang","version":"8.0.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@8.0.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"72ecc6bd556bac51df9fa52c355f068bffbdd645","tarball":"https://registry.npmjs.org/designlang/-/designlang-8.0.0.tgz","fileCount":73,"integrity":"sha512-p2tj5CmzlRVw76qmnrbv6wYRzH1kFQaRCMInmeOaFhIJCJOMjjyBp9YbkMhzb0ME2cSN40ZUWVM6Ar5PGvKdzQ==","signatures":[{"sig":"MEUCIB3nD9mlwwnCcZs7WdpL5eY5+GhLc2jic5ggOL9t8zO/AiEA0LvanQqJuLakD0PXQAgjXPtIv0b0ShAWAHdtgj4QLi8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":385844},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"1bf1137b93db00ef1ead706778aa8fdf8024577f","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, and more. Outputs AI-optimized markdown, W3C design tokens, Tailwind config, and CSS variables.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_8.0.0_1776640627007_0.8851380500165644","host":"s3://npm-registry-packages-npm-production"}},"9.0.0":{"name":"designlang","version":"9.0.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@9.0.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"029396be79b6d11f64a39204dc0c16d0952863bf","tarball":"https://registry.npmjs.org/designlang/-/designlang-9.0.0.tgz","fileCount":80,"integrity":"sha512-2I7uydNM99S3k7/ZQXj0GYHW1DPqx63CBbCguaOTv+8pKK8PTJMZ7njSVjdAwkya4EHVFF1LYeEXLyYp5aDPhQ==","signatures":[{"sig":"MEUCIQC7qWlbgDT44wC3t2DAOqSuFM/Tu7CrA6bA3IKEMeUaTgIgS7rXdgF8ly8B7km6XbXoYzAPoTTuxQwb3ITDSp9Pudw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":440672},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"13af4d8d8aa2c5c380eab89050f8154390d1146e","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, motion, component anatomy, and brand voice. Outputs AI-optimized markdown, W3C design tokens, motion tokens, typed component stubs, Tailwind config, and more.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_9.0.0_1776718567203_0.3170518795231807","host":"s3://npm-registry-packages-npm-production"}},"10.0.0":{"name":"designlang","version":"10.0.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@10.0.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"1b1221b0f52cd5aaf5f4cdca41562671da6bc203","tarball":"https://registry.npmjs.org/designlang/-/designlang-10.0.0.tgz","fileCount":90,"integrity":"sha512-I1l1s6h14/juRdvPK9yHnct6iEzKpvruuatXdNeqmkbK+JAt8L+KfN2kNuAIdhwqC8kTf21alYraAxY62oFccw==","signatures":[{"sig":"MEYCIQDEZXWZDeOzfb5BrE+1zgdSkj66dPDu5tkn4DFl4fiHSgIhAN6nvsvxUb2Zd5eJHCR+DgGhIbWSFjTLIVXZ2ciweNKH","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":520468},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"bcfe9f84ce62614c38436144f546d4aed03bca75","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, motion, component anatomy, brand voice, page intent, section roles, material language, component library, imagery style, and logo. Outputs AI-optimized markdown,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_10.0.0_1776830179099_0.5499843787991712","host":"s3://npm-registry-packages-npm-production"}},"10.1.0":{"name":"designlang","version":"10.1.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@10.1.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"e9dae747d539fa8d36ab56b98f2a22024cae3b9d","tarball":"https://registry.npmjs.org/designlang/-/designlang-10.1.0.tgz","fileCount":91,"integrity":"sha512-GGSRrJIdFZkALiCVNWa7yLBI62Sv0xmEQOzOdHxWVFnbWSauY9cP+1ukI60agh1aOYDE1hmZPPGgrMlWE4NTPQ==","signatures":[{"sig":"MEYCIQC3NRsBP6DM9XvK20wteKfFk23efm7JklcEv1430HKs4gIhAOesgYW3CNk7PMVFCTjpkeXJA6MVoekX4cwXdqwTjKIp","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":529938},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"c878d09ce0efc02f73fff30b2d034b7355eb530d","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, motion, component anatomy, brand voice, page intent, section roles, material language, component library, imagery style, and logo. Outputs AI-optimized markdown,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_10.1.0_1776844913298_0.6423853796390089","host":"s3://npm-registry-packages-npm-production"}},"10.2.0":{"name":"designlang","version":"10.2.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@10.2.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"b7d71bcbcc97594b38476d8d30cf0292a68e0828","tarball":"https://registry.npmjs.org/designlang/-/designlang-10.2.0.tgz","fileCount":93,"integrity":"sha512-T4IxtiNvAEL2wymAfLuQDGPQpPLIFolauMdNYJqzJZnZyRpvhVlhoxnpxCktvfHXfCPWMTZvPHnlwdeNQIkBDQ==","signatures":[{"sig":"MEYCIQCWtUbPStBA++aGkNavKpdL3maCLnXao5Jhy+kNd++O7QIhAPtW3r9bC83AYIwjsVpwtsGSIVf6+MvleywHn47b20Jf","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":537934},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"bd354e2971676280d9262851527eb2219af664d4","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, motion, component anatomy, brand voice, page intent, section roles, material language, component library, imagery style, and logo. Outputs AI-optimized markdown,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_10.2.0_1776845193917_0.36716387210207246","host":"s3://npm-registry-packages-npm-production"}},"10.3.0":{"name":"designlang","version":"10.3.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@10.3.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"780e6858a3b51ff12468fe7a82289d0518254c5e","tarball":"https://registry.npmjs.org/designlang/-/designlang-10.3.0.tgz","fileCount":95,"integrity":"sha512-3NRVWbgusYpDVTZeWDZTySXLCB9eB/dU1epQtGu3b2a5Mp+p1uK8GWrUZsKPnSm+6w/U1jjf3/QlO2Wgg2jqdw==","signatures":[{"sig":"MEQCIDDzZFlO3hfPSoQULj7C+8ZV3gdIAo68T/XnU6hB3/hpAiA8jfNuf+kKL+u2ige4QCK2bIylRQo6IbYcodZhaz+8Mw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":548728},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"33e5cd1620dd9f58e484fa6ff2ac56765c7f6f95","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, motion, component anatomy, brand voice, page intent, section roles, material language, component library, imagery style, and logo. Outputs AI-optimized markdown,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_10.3.0_1776845401075_0.54106872872331","host":"s3://npm-registry-packages-npm-production"}},"10.4.0":{"name":"designlang","version":"10.4.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@10.4.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"658f4560c231f82fc9f1375f4ba3c49ef8115e18","tarball":"https://registry.npmjs.org/designlang/-/designlang-10.4.0.tgz","fileCount":98,"integrity":"sha512-ZDMaUwmg0lBH8S4IPQ6rWbM+guwCLL5tEtQOQBQ/BB5XwXjsY+vgF5iJSp5W/JiBPYnAUzi18s8JucVXTic8IQ==","signatures":[{"sig":"MEUCIFAmY5ZPplKtUSi9+T84K1ke4pYwiKWqZVA2DiLDv291AiEAwp2a/gnsdHKi47EuPnRPEQvHe8fpF4nZVBvTCZhMpB0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":561651},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"161403511d8a7c7ccfcb22f55852b9c1e11d5fbc","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, motion, component anatomy, brand voice, page intent, section roles, material language, component library, imagery style, and logo. Outputs AI-optimized markdown,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_10.4.0_1776845599188_0.6622769266047046","host":"s3://npm-registry-packages-npm-production"}},"10.5.0":{"name":"designlang","version":"10.5.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@10.5.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"dbf6eca2e74b507bc9877f7a22918b5d8d02adbf","tarball":"https://registry.npmjs.org/designlang/-/designlang-10.5.0.tgz","fileCount":99,"integrity":"sha512-E59wBf17+vYh2MWn+7Vc7B+ImMW2iZh2jyOPxeeWxqt7qvheqijw10+/HpLC4rw6ucumkE4td0Vj4VIXbMTn0w==","signatures":[{"sig":"MEUCIQCIjPBV4NvB99aSsCKNgd+6KqvviDTVMerjFiyH5gTglAIgMAYRawCONuvtsMRZ9AXgSvmc0c4E2FvNeIrM9ZV+pDE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":566683},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"25db0fa7cbcfae3861a1468c43a36099264e12b0","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website — colors, typography, spacing, shadows, motion, component anatomy, brand voice, page intent, section roles, material language, component library, imagery style, and logo. Outputs AI-optimized markdown,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_10.5.0_1776845713342_0.4599850325481778","host":"s3://npm-registry-packages-npm-production"}},"11.0.0":{"name":"designlang","version":"11.0.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@11.0.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"2aa27bf762ea980f3531088b6d1bbbc81520ef85","tarball":"https://registry.npmjs.org/designlang/-/designlang-11.0.0.tgz","fileCount":101,"integrity":"sha512-tDPQinaJIsibcjRnWSdhS6ZdqzPXoyKZUjWXBj74O2FpMajWQeuoJ+cyIwSS3Bm3aMuVpR7Glz40PVVmt88EBA==","signatures":[{"sig":"MEUCIQDXLD/cwabFX105AyXgsakNXQ7RVOJucmS3FA10RqVAKAIgMRnG3ZLjX3B/BrB1RYNJrMj3jRDVXmActsnwNQiF+GE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":602356},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"419e8f19edf523c3cd313d7e21f6e2390a67651d","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_11.0.0_1777059048576_0.8863439144311613","host":"s3://npm-registry-packages-npm-production"}},"11.0.1":{"name":"designlang","version":"11.0.1","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@11.0.1","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"bdbcf9e54f905890fbf140380e9eee8ab744d5f9","tarball":"https://registry.npmjs.org/designlang/-/designlang-11.0.1.tgz","fileCount":101,"integrity":"sha512-T079yIw+xA/Urels37o3NJFdsiPFcJg0PmjSk6lrt+dCgKnhYwYiyIGJyYnIcU8KFE1PY9HFOVcUSGj7GvhOAQ==","signatures":[{"sig":"MEUCIQCR/h1YA6eFePyVujK2n25Ze5gHxb0du1uZqZZIy8CXeAIgJrv/Ff/MrTo46gCh15M+OUZ8QteIlX1CijQGBikah2o=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":602390},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"34ba9a5b27cf836cfc961096522af52cc3255dee","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_11.0.1_1777059361565_0.06215175727394051","host":"s3://npm-registry-packages-npm-production"}},"11.0.2":{"name":"designlang","version":"11.0.2","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@11.0.2","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"3907da3ea6c4df2cee10689aa6be49ca26fcac0c","tarball":"https://registry.npmjs.org/designlang/-/designlang-11.0.2.tgz","fileCount":102,"integrity":"sha512-zxoHZqUZwsj1hskkxsBCuwkELAlF+RG491rL6FsD80LPX6fDCOSvcb/u25xOJCHfVO+Ea5kgIeCaJmswO9n/tg==","signatures":[{"sig":"MEQCIHfouCt6QQMMXeSGT0dOmTAyEazlJywSQJaFr7uKLcs3AiAzb8HObY2wPaeu7qL+Q2kHIBRysC7m+N7laXhMnjcJ0A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":605099},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"6732d2768ae13a39da58f1dd68a101318cb43d15","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_11.0.2_1777059640664_0.023035943018951066","host":"s3://npm-registry-packages-npm-production"}},"11.1.0":{"name":"designlang","version":"11.1.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@11.1.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"b046db795e80ecbefd088ec61ae8dcf270fa39b3","tarball":"https://registry.npmjs.org/designlang/-/designlang-11.1.0.tgz","fileCount":104,"integrity":"sha512-PNxcU//aWV8W/W1k++RhCHCY9GRtR44EQGdBlxetMPFB7mfu6Vv7Kb+UUJV+uJtAtZmpSjFbGkT/B2l5aPu/cA==","signatures":[{"sig":"MEUCICZEBmMYQosZc9DW54oH+YM9Di7WYNZCwp1qZq3aDsr5AiEAx59g4st4HFI2O5agSdy1dfCvIlsqoEZ0p3FB/N520L8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":620807},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"a9b745a751378e1b24dec1b4297cea3adcfafdb1","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_11.1.0_1777060109728_0.19538580116492388","host":"s3://npm-registry-packages-npm-production"}},"11.2.0":{"name":"designlang","version":"11.2.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@11.2.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"06e33696d11c8810efb1089dc052008ab29556da","tarball":"https://registry.npmjs.org/designlang/-/designlang-11.2.0.tgz","fileCount":106,"integrity":"sha512-2Far4XErqh7o9vIepltGknpjqC6fYD/WAGk8K7wdSz1pReaVD5JdxdzGsO9VIgT7JETpXQZVjkKd9AYnbT8N0w==","signatures":[{"sig":"MEUCIC+zBqtmY4TSmZRiQ1HjiI0wNk6s8mhN7EE1BYQNvwgDAiEAohsGjyKTHxWxBaSHQQHS8x5QPn76LHr3ZzrYeHbsBxY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":635876},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"2e74348acda0852c10a3bea02a9efd49dfee0620","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_11.2.0_1777136779545_0.557041482819371","host":"s3://npm-registry-packages-npm-production"}},"11.3.0":{"name":"designlang","version":"11.3.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@11.3.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"7748e7383d612af0d58dd3e3a3f4f9fb4f5670a4","tarball":"https://registry.npmjs.org/designlang/-/designlang-11.3.0.tgz","fileCount":114,"integrity":"sha512-ro45xq1LZ8Bn2NQCfFgUibJJ26nB8DDGV3Oh2KBqi9uXTYdNOV/BCzrOOqdyDcTPI/XO07oe0b8oYDdscOFukg==","signatures":[{"sig":"MEQCIEeVHPXVspwYN9xVp8tD0eBPXZp8rXMnbFsq8Kj0R2gUAiAf+OjQWbv1v6eYjYfsnr0IyQLqlbMZFbZx9DbFdm6LMw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":666730},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"3aba1d251f160eb5e58360a8e1e9749da0c17d9e","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_11.3.0_1777226118541_0.5582492216330788","host":"s3://npm-registry-packages-npm-production"}},"12.0.0":{"name":"designlang","version":"12.0.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@12.0.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"ee4f908c4631fa62f1865b96f75d992475eba577","tarball":"https://registry.npmjs.org/designlang/-/designlang-12.0.0.tgz","fileCount":114,"integrity":"sha512-PBpSv6BPMdXD+VJXTZKu2iUj/DC2WQq7CdaScy8XTWds0TMeAK2VJLthpxsz3Bra7dUOvKgY5Rn3VQ7eYQhjKA==","signatures":[{"sig":"MEUCIA3TVbgtoh2FfDpBny4ei6TMdTXsDXm0Ho8riZ7+LbgcAiEA22tBJUDl05IEuY2VwyyJGuPRA0lOe2DSbEFdwnahApA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":666730},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"e72f402971dd46876592d52d1857c18b4f3cb0a2","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_12.0.0_1777226140690_0.5759778254187782","host":"s3://npm-registry-packages-npm-production"}},"12.1.0":{"name":"designlang","version":"12.1.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@12.1.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"634696df6681b5c2e808564dd16eaaa07d0c28f3","tarball":"https://registry.npmjs.org/designlang/-/designlang-12.1.0.tgz","fileCount":115,"integrity":"sha512-EyyS3ZMY5wkHeX6xDw//DcaQ5ttJDge/OPkwM3k6RTcDZm2l9PQJylTtXrk7Opkrq0/ohKb/h0uaiVytO79jbg==","signatures":[{"sig":"MEQCIQDPoU7XoSs8uquqjS7EVmWmhSOWS1EhaPxGQNie5bMOBQIff8ScxcepBNzy0XT0ARjAoyYFmCCEqDvNFo10m+uIHg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":674710},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"5aac5e707d4436307c354e25449f11fbc99eedda","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_12.1.0_1777455022924_0.3085057246339771","host":"s3://npm-registry-packages-npm-production"}},"12.2.0":{"name":"designlang","version":"12.2.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@12.2.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"0847d37655a8750da7cf4272afecd438ea452ca1","tarball":"https://registry.npmjs.org/designlang/-/designlang-12.2.0.tgz","fileCount":117,"integrity":"sha512-Nj5c7u4Efr2nICs0hmcNLEABFv7usWk1v6M3shvDkyDq1pfxnlBlidwOQiVNYcILddnbuC0uJuUDyGjRkjEGyA==","signatures":[{"sig":"MEUCIQCCqVYM5AOEFrGQVhikRxLNdb0kB2mZPkf1wbPLJH7gOAIgN/B7HJI3nk6y//6jGFRVhMBdvylBd8NLxVCFWniSBps=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":701646},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"aabf10b05970e62583f08792e545a25715d0c1bd","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_12.2.0_1777750322151_0.5541313191220989","host":"s3://npm-registry-packages-npm-production"}},"12.3.0":{"name":"designlang","version":"12.3.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@12.3.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"10b0ff496aa3e9b96ababe3a25afb0f7cdc66973","tarball":"https://registry.npmjs.org/designlang/-/designlang-12.3.0.tgz","fileCount":125,"integrity":"sha512-v6HNprIGjIjqUQKJflL5z972y2rcoqCYMmmeGWRYBI/B+afOmVPPPBNFiwR0lMyNWIwCOfz8LSF+SgM9pcIv0w==","signatures":[{"sig":"MEUCIAdNPIPe/0PsViNYT9soKppXmtpipYXVxWFfSCoP1zlNAiEA3rup8iOqASqsDHqolbq5U/0zPlJykLAW/kdLxzsgiYs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":740612},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"8f0e3332c518a20e39a84f0e7b424ecc336dc270","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_12.3.0_1777925975097_0.663920079510677","host":"s3://npm-registry-packages-npm-production"}},"12.4.0":{"name":"designlang","version":"12.4.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@12.4.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"939a757c58c5c96ef1b0c4d885512bdd74930bbf","tarball":"https://registry.npmjs.org/designlang/-/designlang-12.4.0.tgz","fileCount":126,"integrity":"sha512-dqY6DjYTMtr7YpyYU6eiX6NuMISIZHTgADOOuvuwsGnI1WrJ+FYs/G33svZzfPABQ0A0dVyGL2XUxRCSrqs2Aw==","signatures":[{"sig":"MEYCIQDnPou5ebh4nmT3uO2dugJJm65+AN3LZGgZigyNKLov4QIhAJGsRy8nnh/QbhvfZK6UEpmbqq3mhvHQP4SoHOEMl4sZ","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":758773},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"5fb84930c272cfeab958698e71b8af44a3bea97e","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_12.4.0_1778011307989_0.29559823275709474","host":"s3://npm-registry-packages-npm-production"}},"12.7.1":{"name":"designlang","version":"12.7.1","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@12.7.1","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"bf07c00a77d9de64bdc43a2c11882d2d7b7786fb","tarball":"https://registry.npmjs.org/designlang/-/designlang-12.7.1.tgz","fileCount":137,"integrity":"sha512-MM8GxfzLoRgqpYJCJlOBWB4nxWhYUbHwPXg1c0lKUYDmOyqu0BingThr84RiteKbtvko5zQgeq7qZhBVtRSi/w==","signatures":[{"sig":"MEUCIEIaBtdG4M+n3zhoGtFF4e86Xlj4JKTW76a/4OYF+8giAiEAuag3t7sdPIrx/I+C0nF60RTPFCthj10BE88mEqvg+TE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":865222},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"f6f2c0ac7e819ff1707fb559db34e776f61a96d5","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_12.7.1_1778355530531_0.5305279686394293","host":"s3://npm-registry-packages-npm-production"}},"12.8.0":{"name":"designlang","version":"12.8.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@12.8.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"3e508af3e56d03d625ac9826faa48f2f449a8281","tarball":"https://registry.npmjs.org/designlang/-/designlang-12.8.0.tgz","fileCount":140,"integrity":"sha512-wEJHRgJRxFDp2uc0QIIb9uRwaf1HfbzYPDoWefWNT1+KUPxQzLO5QXQyCDE35EohYhT1XUyf8m01DCE2k36GBg==","signatures":[{"sig":"MEQCIAygMnHYPAAtyfMVxD5BjkLGal1FtL9C1rMlNaYEgNCnAiB1Tj65unECw2hPlCO1fxFepOq/ESnICroNEQWqvtGrcQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":898433},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"fb3437232aa8a9b78354a4e16fa5d115af178b99","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_12.8.0_1778435186578_0.27262112970241725","host":"s3://npm-registry-packages-npm-production"}},"12.9.0":{"name":"designlang","version":"12.9.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@12.9.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"9ab2c43e16101088751d854c4fffee58be1630fc","tarball":"https://registry.npmjs.org/designlang/-/designlang-12.9.0.tgz","fileCount":140,"integrity":"sha512-9LIkJe62s/R1GqLjjPRd2AoEyPq9E+x42ruT+CUcFmXLky7W7T00RPa747mtdXEg3oHfMtNvNgJ9J67LeOTzxA==","signatures":[{"sig":"MEQCIASKhsJb+Db96QqvdQ/xJNFJ0t6AdhjV4OWJCf8vqzgUAiB34hvW3oqcSfxybhigfn9EXS3WOSS7r5cgZaLMyDRbYQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":905075},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"959f700bba7772fbb023c1d87f98a1d99d9c8282","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_12.9.0_1778584114156_0.7481885164684974","host":"s3://npm-registry-packages-npm-production"}},"12.10.0":{"name":"designlang","version":"12.10.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@12.10.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"c18641b25afc49a9884da242a57b825c6601f64d","tarball":"https://registry.npmjs.org/designlang/-/designlang-12.10.0.tgz","fileCount":140,"integrity":"sha512-h6GabqgTAQzcFlV9L5ZI25vCUzl2yQOg36/41EyzWFOdwy7u9l4/Xj0Ig/N3UZZsKWi3eyM393k5k+p+lSspnA==","signatures":[{"sig":"MEQCIBnU9zw2pdd117KK5lWel0RHwTYQqau8AgMmW82QbmjqAiAU60d908FSURhRZkPRT4xsYlInN7/U4EUHYbqQBjMcPw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":912347},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"fefaf0da9d23cd3a6e1d5dab12efc74e8b5c6b2d","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_12.10.0_1778701031032_0.03406895458389081","host":"s3://npm-registry-packages-npm-production"}},"12.10.1":{"name":"designlang","version":"12.10.1","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@12.10.1","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"9f318254cf9feaf759b2b4047fcbca65d8da0b27","tarball":"https://registry.npmjs.org/designlang/-/designlang-12.10.1.tgz","fileCount":140,"integrity":"sha512-6/9rOiUltAbm+ggi7bydx9xtnhDZ938CVtASpCtXvSoPMYQdJbkcyUXsbEBJx9xAcZ1EbRUSaZ7LlGuXZswK7A==","signatures":[{"sig":"MEYCIQCyjqmvmvxBpug9MTwYzluGZO/dJfRDLpOqTkyI12AUOAIhAKaPfxbagpGMXfCI12SJN7Krn55EIGwegpNPnmXcrzX4","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":914651},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"8722a2a06a937feeb4cb8a80d87491899382383f","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.8.2","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"20.19.5","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_12.10.1_1778787134877_0.3311859344355439","host":"s3://npm-registry-packages-npm-production"}},"12.11.0":{"name":"designlang","version":"12.11.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@12.11.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"b554035ed9233859af79494eddb676bbb7e72f77","tarball":"https://registry.npmjs.org/designlang/-/designlang-12.11.0.tgz","fileCount":141,"integrity":"sha512-+3ogeS+VljyirT10toypSql+HnrZhkq4KRCWpSLDdraxIfBTqSPgfB06fuB+ZtfQb66VziOhwhz49rvgl9lP7A==","signatures":[{"sig":"MEUCIQCDaMEn3LmqSbR5H+jRPE5MwEcgBjWm1RzbaUqaK6b5pQIgVSpzR+1Sig9quH0GBpgfvVzfwTapfnHanPHEkQKyTIg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":919604},"main":"src/index.js","type":"module","engines":{"node":">=20"},"gitHead":"f403f8c5368337c3ea24576ff5dfdc6d870f6721","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","pdf-lib":"^1.17.1","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_12.11.0_1778794002229_0.39378770408880004","host":"s3://npm-registry-packages-npm-production"}},"12.13.0":{"name":"designlang","version":"12.13.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@12.13.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"f394bccbd00104e21f8a4abc1d534002f6b4aa78","tarball":"https://registry.npmjs.org/designlang/-/designlang-12.13.0.tgz","fileCount":147,"integrity":"sha512-Z1Nwf7qNa3/woOddUGE6I/W6iwN0nhVrMzyx63E2IpY8cBb6RlgVivgsDljzDzvZa+Mdv01uxWZLE3jdKw/VAw==","signatures":[{"sig":"MEUCIQD1FKMsguNeN7//wXmWvJwzAZkbbGzsz7LYB8H50lho+gIgBSK2OjF1jGJg+ro49DxPA4gJWsg//5yAe/iPZfyY2Pk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":954545},"main":"src/index.js","type":"module","engines":{"node":">=20"},"exports":{".":"./src/index.js","./api":"./src/api.js","./mcp":"./src/mcp/index.js","./package.json":"./package.json"},"gitHead":"daae95095a7fabfeae13d8a7cbbbffc8c1da4219","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"10.9.7","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","pdf-lib":"^1.17.1","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_12.13.0_1778970220819_0.052104187607011854","host":"s3://npm-registry-packages-npm-production"}},"12.14.0":{"name":"designlang","version":"12.14.0","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","_id":"designlang@12.14.0","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"bin":{"designlang":"bin/design-extract.js"},"dist":{"shasum":"6e7ec8e6d110e543e8a37f10043d2db01df90738","tarball":"https://registry.npmjs.org/designlang/-/designlang-12.14.0.tgz","fileCount":148,"integrity":"sha512-yYjYqbZHSte3wc+Hwn0uwZK14OiYA9PRB4kOFFZ+Ugk+WFPovs83rnbwijNgzPMTZO8svrLff1vdZM0dtBOoew==","signatures":[{"sig":"MEUCICltW1hCQNiTEGd3/xlh+NsSwm/FCoUp5Jf7pN4Ca4p1AiEAiHhkzOnXpM9/S2QDKlgRmBpuEwQ2WGI9mwdYb9b7nrU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":966663},"main":"src/index.js","type":"module","engines":{"node":">=20"},"exports":{".":"./src/index.js","./api":"./src/api.js","./mcp":"./src/mcp/index.js","./package.json":"./package.json"},"gitHead":"2c50abc5b0fe32917d48dcec347c7c0346040700","scripts":{"test":"node --test tests/*.test.js","start":"node bin/design-extract.js","postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium"},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"_npmVersion":"11.12.1","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","directories":{},"_nodeVersion":"22.22.2","dependencies":{"ora":"^8.0.0","chalk":"^5.3.0","pdf-lib":"^1.17.1","commander":"^12.0.0","playwright":"^1.42.0","@modelcontextprotocol/sdk":"^1.29.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/designlang_12.14.0_1779053018747_0.647858000705106","host":"s3://npm-registry-packages-npm-production"}},"12.15.0":{"name":"designlang","version":"12.15.0","description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","type":"module","bin":{"designlang":"bin/design-extract.js"},"main":"src/index.js","exports":{".":"./src/index.js","./api":"./src/api.js","./mcp":"./src/mcp/index.js","./package.json":"./package.json"},"scripts":{"postinstall":"npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium","start":"node bin/design-extract.js","test":"node --test tests/*.test.js"},"dependencies":{"@modelcontextprotocol/sdk":"^1.29.0","chalk":"^5.3.0","commander":"^12.0.0","ora":"^8.0.0","pdf-lib":"^1.17.1","playwright":"^1.42.0"},"engines":{"node":">=20"},"keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"author":{"name":"masyv"},"license":"MIT","gitHead":"82b20dbe5a0e17f1f9153def04af8279f5672e3c","_id":"designlang@12.15.0","_nodeVersion":"22.22.2","_npmVersion":"11.12.1","dist":{"integrity":"sha512-kPtEkhH3gIDDQOyK7IdS3ghd3ZTA3H0LGt0bK5zUrm4bDtN06FUyXRqSoLOGrbP9PFOec5mSeu/+bRZvQTJ1wg==","shasum":"a405909961fa87d33987f78e9a13449336d6ea4f","tarball":"https://registry.npmjs.org/designlang/-/designlang-12.15.0.tgz","fileCount":151,"unpackedSize":985926,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIEpogFhgS2Fxvm0NReaLiI+wwfNgfz0JsjQ0VDrRfd7HAiEAyNznXrMHEv+QRL+jNx5DjYY+bRsaSIb1Gab5D6ywVj0="}]},"_npmUser":{"name":"manavarya0909","email":"manavarya0178@gmail.com"},"directories":{},"maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/designlang_12.15.0_1779366888292_0.7879312303385826"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-15T10:14:19.059Z","modified":"2026-05-21T12:34:48.538Z","1.0.0":"2026-04-15T10:14:19.309Z","2.0.0":"2026-04-15T10:24:07.777Z","3.0.0":"2026-04-15T11:43:30.288Z","4.0.0":"2026-04-15T12:50:56.310Z","4.0.1":"2026-04-15T15:25:07.657Z","5.0.0":"2026-04-15T19:53:25.687Z","6.0.0":"2026-04-16T08:15:46.924Z","7.0.0":"2026-04-18T10:57:53.638Z","7.1.0":"2026-04-18T22:50:20.490Z","7.2.0":"2026-04-18T23:39:34.154Z","8.0.0":"2026-04-19T23:17:07.144Z","9.0.0":"2026-04-20T20:56:07.380Z","10.0.0":"2026-04-22T03:56:19.252Z","10.1.0":"2026-04-22T08:01:53.465Z","10.2.0":"2026-04-22T08:06:34.152Z","10.3.0":"2026-04-22T08:10:01.274Z","10.4.0":"2026-04-22T08:13:19.360Z","10.5.0":"2026-04-22T08:15:13.559Z","11.0.0":"2026-04-24T19:30:48.841Z","11.0.1":"2026-04-24T19:36:01.765Z","11.0.2":"2026-04-24T19:40:40.907Z","11.1.0":"2026-04-24T19:48:29.986Z","11.2.0":"2026-04-25T17:06:19.731Z","11.3.0":"2026-04-26T17:55:18.761Z","12.0.0":"2026-04-26T17:55:40.852Z","12.1.0":"2026-04-29T09:30:23.166Z","12.2.0":"2026-05-02T19:32:02.367Z","12.3.0":"2026-05-04T20:19:35.287Z","12.4.0":"2026-05-05T20:01:48.199Z","12.7.1":"2026-05-09T19:38:50.732Z","12.8.0":"2026-05-10T17:46:26.798Z","12.9.0":"2026-05-12T11:08:34.396Z","12.10.0":"2026-05-13T19:37:11.252Z","12.10.1":"2026-05-14T19:32:15.067Z","12.11.0":"2026-05-14T21:26:42.421Z","12.13.0":"2026-05-16T22:23:40.982Z","12.14.0":"2026-05-17T21:23:38.910Z","12.15.0":"2026-05-21T12:34:48.435Z"},"author":{"name":"masyv"},"license":"MIT","keywords":["design-system","design-tokens","design-language","css","tailwind","playwright","extraction","colors","typography","claude-code","plugin","wordpress","vue","svelte","json","ci-cd","motion","animation","component-anatomy","brand-voice","token-lint","visual-diff"],"description":"Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config,","maintainers":[{"name":"manavarya0909","email":"manavarya0178@gmail.com"}],"readme":"

\n \"designlang\n

\n\n

\n \"npm\n \"license\"\n \"node\n \"website\"\n\n

\n\n---\n\n

\n \"designlang\n

\n\n[![designlang on npm](https://pkgfolio.vercel.app/embed/pkg/designlang?v=2)](https://www.npmjs.com/package/designlang)\n\n**designlang** points a headless browser at any URL and reads the design system off the live DOM. One command emits 17+ files — DTCG tokens, Tailwind config, shadcn theme, Figma variables, motion tokens, typed component anatomy, brand voice, page-intent labels, and a paste-ready prompt pack for v0 / Lovable / Cursor / Claude Artifacts.\n\nIt also goes where extractors don't: **layout patterns**, **responsive behavior across 4 breakpoints**, **hover / focus / active states**, **WCAG contrast scoring**, **multi-page consistency**, **drift checks against a live source-of-truth**, **visual-diffs**, and a **shareable graded report card**.\n\n## Quick start\n\n```bash\nnpx designlang https://stripe.com # extract everything\nnpx designlang pair stripe.com linear.app # fuse two designs (visuals A × voice B) ← v12.8\nnpx designlang brand stripe.com # full brand-guidelines book (13 chapters) ← v12.7\nnpx designlang theme-swap stripe.com --primary \"#ff4800\" # recolour around your brand ← v12.6\nnpx designlang pack stripe.com # one polished design-system directory ← v12.4\nnpx designlang remix stripe.com --as cyberpunk # restyle in another vocabulary ← v12.3\nnpx designlang remix stripe.com --all # emit all 6 vocabs at once ← v12.3\nnpx designlang grade https://stripe.com --badge # report card + SVG badge ← v12.2\nnpx designlang battle stripe.com vercel.com # head-to-head graded fight ← v12.2\nnpx designlang clone https://stripe.com # working Next.js starter\nnpx designlang --full https://stripe.com # screenshots + responsive + interactions\n```\n\nDrop a live design-score badge in any README:\n\n```markdown\n![Design Score](https://designlang.app/badge/stripe.com.svg)\n```\n\n## Install\n\n```bash\nnpm i -g designlang # global\nnpx skills add Manavarya09/design-extract # as an agent skill (40+ agents)\n```\n\n## What you get\n\nEach run writes 17+ files to `./design-extract-output/`. The headline outputs:\n\n| File | What it is |\n|---|---|\n| `*-design-language.md` | 19-section markdown — feed any LLM to recreate the design |\n| `*-design-tokens.json` | W3C DTCG tokens (primitive + semantic + composite layers) |\n| `*-tailwind.config.js` | Drop-in Tailwind theme |\n| `*-shadcn-theme.css` | shadcn/ui `globals.css` variables |\n| `*-figma-variables.json` | Figma Variables import (light + dark) |\n| `*-variables.css` | CSS custom properties |\n| `*-anatomy.tsx` | Typed React stubs for every detected component + variants |\n| `*-motion-tokens.json` | Durations, easings, springs, scroll-linked flag |\n| `*-voice.json` | Brand voice — tone, pronoun posture, CTA verbs |\n| `*-prompts/` | Paste-ready prompts for v0, Lovable, Cursor, Claude Artifacts |\n| `*-mcp.json` | Disk-backed MCP server payload |\n| `*-grade.html` | **v12.1** Shareable Design Report Card (letter grade + evidence) |\n| `*-grade.svg` | **v12.2** Shields.io-style design-score badge (drop into any README) |\n| `*-battle.html` | **v12.2** Head-to-head graded battle card from `designlang battle` |\n| `*-remix..html` | **v12.3** Site restyled in another vocabulary — brutalist / swiss / art-deco / cyberpunk / soft-ui / editorial |\n\nMulti-platform (`--platforms web,ios,android,flutter,wordpress,all`) adds `ios/`, `android/`, `flutter/`, and a WordPress block theme. `--emit-agent-rules` adds Cursor / Claude Code / generic agent rule files.\n\n## Why designlang vs anything else\n\nOther tools give you the paint. designlang reads the architecture:\n\n- **Layout system** — grids, flex containers, container widths, gaps — not just tokens.\n- **Responsive** — crawls 4 breakpoints and reports what changes (`--responsive`).\n- **Interaction states** — programmatically hovers and focuses, captures the deltas (`--interactions`, `--deep-interact`).\n- **Motion language** — durations, easing families, spring detection, scroll-linked flag, `feel` fingerprint (springy / smooth / mechanical / mixed).\n- **Component anatomy** — slot trees with variant × size × state matrices, emitted as typed `.tsx`.\n- **Brand voice** — tone, pronoun posture, heading style, CTA verb inventory.\n- **Page intent + section roles** — `landing` / `pricing` / `docs` etc., with semantic regions (`hero`, `feature-grid`, `pricing-table`, `cta`…).\n- **Multi-page consistency** — auto-discovers canonical pages, reconciles shared vs per-route tokens.\n- **WCAG** — every fg/bg pair scored, with a remediation palette suggesting nearest passing colors.\n- **Drift + lint + visual-diff** — `designlang drift`, `lint`, `visual-diff` all CI-ready, exit non-zero on failure.\n- **Live-site sync** — treat the deployed site as source of truth (`designlang sync`).\n- **MCP server** — `designlang mcp` exposes tokens, regions, components, and contrast pairs to any MCP-aware agent.\n\n```bash\ndesignlang grade https://stripe.com # ← v12.1: shareable report card\ndesignlang clone https://stripe.com # → working Next.js app\ndesignlang apply https://stripe.com -d ./app # auto-detect framework, write tokens\ndesignlang brands stripe.com vercel.com linear.app # N-brand matrix\ndesignlang drift https://yourapp.com --tokens ./src/tokens.json\ndesignlang lint ./src/tokens/design-tokens.json # CI-ready linter\ndesignlang visual-diff https://staging.app https://app # single-file HTML diff\ndesignlang mcp # stdio MCP server for Cursor / Claude Code\n```\n\n## All features\n\n| Feature | Flag / Command | Description |\n|---------|---------------|-------------|\n| Base extraction | `designlang ` | Colors, typography, spacing, shadows, radii, CSS vars, breakpoints, animations, components |\n| Layout system | automatic | Grid patterns, flex usage, container widths, gap values |\n| Accessibility | automatic | WCAG 2.1 contrast ratios for all fg/bg pairs |\n| Design scoring | automatic | 7-category quality rating (A-F) with actionable issues |\n| Gradients | automatic | Gradient type, direction, stops, classification |\n| Z-index map | automatic | Layer hierarchy, z-index wars detection |\n| SVG icons | automatic | Deduplicated icons, size/style classification, color palette |\n| Font files | automatic | Source detection (Google/self-hosted/CDN/system), @font-face CSS |\n| Image styles | automatic | Aspect ratios, shapes, filters, pattern classification |\n| Dark mode | `--dark` | Extracts dark color scheme + light/dark diff |\n| Auth pages | `--cookie`, `--cookie-file`, `--header` | Extract from authenticated/protected pages; cookie files in JSON / Playwright storageState / Netscape formats |\n| Self-signed / dev TLS | `--insecure` | Ignore HTTPS/SSL certificate errors |\n| User-Agent override | `--user-agent ` | Set a custom User-Agent string |\n| Chrome extension | `chrome-extension/` | One-click handoff from any tab, MV3, `activeTab` only |\n| Multi-page | `--depth ` | Crawl N internal pages; emits shared-vs-per-route token reconciliation (`*-tokens-shared.json`, `*-tokens-routes/.json`, `*-routes-report.md`) |\n| Screenshots | `--screenshots` | Capture buttons, cards, inputs, nav, hero, full page |\n| Responsive | `--responsive` | Crawl at 4 viewports, map breakpoint changes |\n| Interactions | `--interactions` | Capture hover/focus/active state transitions |\n| Auto-interact | `--deep-interact` | Scroll, open menus/modals/accordions, hover CTAs before extraction |\n| Everything | `--full` | Enable screenshots + responsive + interactions + deep-interact |\n| Apply | `designlang apply ` | Auto-detect framework and write tokens to your project |\n| Clone | `designlang clone ` | Generate a working Next.js starter with extracted design |\n| Score | `designlang score ` | Rate design quality with visual bar chart breakdown |\n| Grade (v12.1) | `designlang grade ` | Shareable HTML \"Design Report Card\" — letter grade, 8 dimensions, evidence, strengths + fixes |\n| Battle (v12.2) | `designlang battle ` | Head-to-head graded battle card with verdict, dimension table, palette comparison |\n| Badge (v12.2) | `designlang grade --badge` | Shields.io-style SVG badge — `design · B · 87` — drop into any README. Live endpoint: `designlang.app/badge/.svg` |\n| Remix (v12.3) | `designlang remix --as ` | Restyle the audited page in another vocabulary (brutalist / swiss / art-deco / cyberpunk / soft-ui / editorial). `--all` emits all 6 |\n| Pack (v12.4) | `designlang pack ` | Bundle every output (tokens / components / Storybook / starter / prompts) into one polished design-system directory |\n| Theme-swap (v12.6) | `designlang theme-swap --primary ` | Recolour the extracted design around a new brand primary. OKLCH hue rotation, neutrals preserved, type/spacing/motion untouched |\n| Brand book (v12.7) | `designlang brand ` | Full editorial brand-guidelines document (13 chapters: cover, about, logo, colour, type, spacing, shape, iconography, motion, components, voice, a11y, tokens, how-to-use). Print-ready, dark-mode toggle, hand-off-ready |\n| Pair (NEW v12.8) | `designlang pair ` | Fuse two designs across 7 axes (colours/type/spacing/shape/motion/voice/components). Defaults to \"visuals from A, voice + type from B\". `--brand` also emits a brand book of the fused identity |\n| Watch | `designlang watch ` | Monitor for design changes on interval |\n| Diff | `designlang diff ` | Compare two sites (MD + HTML) |\n| Multi-brand | `designlang brands ` | N-site comparison matrix |\n| Sync | `designlang sync ` | Update local tokens from live site |\n| History | `designlang history ` | Track design changes over time |\n| MCP server | `designlang mcp` | Expose extraction as MCP resources + tools |\n| Multi-platform | `--platforms ` | Emit iOS / Android / Flutter / WordPress outputs |\n| Agent rules | `--emit-agent-rules` | Cursor, Claude Code, generic agent rule files |\n| Stack fingerprint | automatic | Framework + Tailwind + analytics detection |\n| CSS health | automatic | Specificity, !important, unused CSS, keyframes |\n| A11y remediation | automatic | Nearest palette color passing AA / AAA for every failing pair |\n| Semantic regions | automatic | nav / hero / pricing / testimonials / cta / footer classification |\n| Reusable components | automatic | DOM subtree + style-vector clustering with variants |\n| DTCG tokens | default | W3C Design Tokens v1 with semantic + composite layers (`--tokens-legacy` for pre-v7) |\n\n## Full CLI Reference\n\n```\ndesignlang [options]\n\nOptions:\n -o, --out Output directory (default: ./design-extract-output)\n -n, --name Output file prefix (default: derived from URL)\n -w, --width Viewport width (default: 1280)\n --height Viewport height (default: 800)\n --wait Wait after page load for SPAs (default: 0)\n --dark Also extract dark mode styles\n --depth Internal pages to crawl (default: 0)\n --screenshots Capture component screenshots\n --responsive Capture at multiple breakpoints\n --interactions Capture hover/focus/active states\n --deep-interact Auto-interact pass (scroll, menus, modals, accordions, hover CTAs)\n --full Enable all captures (implies --deep-interact)\n --cookie Cookies for authenticated pages (name=value)\n --cookie-file Load cookies from JSON / storageState / Netscape cookies.txt\n --header Custom headers (name:value)\n --user-agent Override the browser User-Agent string\n --insecure Ignore HTTPS/SSL certificate errors (self-signed, dev, proxies)\n --selector Only extract from elements matching this CSS selector (e.g. \".pricing-card\")\n --system-chrome Use the system Chrome install instead of the bundled Chromium (skips 150MB download)\n --json Print full extraction as JSON to stdout (for piping into other tools)\n --framework Only generate specific theme (react, shadcn)\n --platforms Additional platforms: web,ios,android,flutter,wordpress,all (additive)\n --emit-agent-rules Emit Cursor / Claude Code / CLAUDE.md / agents.md rule files\n --tokens-legacy Emit pre-v7 flat design-tokens.json shape (backward compat)\n --no-history Skip saving to history\n --verbose Detailed progress output\n\nCommands:\n apply Extract and apply design directly to your project\n clone Generate a working Next.js starter from extracted design\n score Rate design quality (7 categories, A-F, bar chart)\n grade Generate a shareable HTML Design Report Card (--format html|md|json|svg|all, --badge, --open)\n battle Head-to-head graded battle card (--format html|md|json|all, --open)\n remix Restyle in another vocabulary (--as brutalist|swiss|art-deco|cyberpunk|soft-ui|editorial, --all, --list, --open)\n pack Bundle every output into one design-system directory (--with-clone, --open)\n theme-swap --primary Recolour around a new brand primary (--from, --format html|md|json|tokens|all, --open)\n brand Generate a full editorial brand-guidelines book (--format html|md|json|all, --open)\n pair Fuse two designs across 7 axes (--colors-from, --typography-from, --spacing-from, --shape-from, --motion-from, --voice-from, --components-from, --brand)\n watch Monitor for design changes on interval\n diff Compare two sites' design languages\n brands Multi-brand comparison matrix\n sync Sync local tokens with live site\n history View design change history\n mcp Launch stdio MCP server (--output-dir )\n lint (v9) Audit a local token file (.json/.css) — CI-ready\n drift --tokens (v9) Check local tokens for drift against a live site\n visual-diff (v9) Side-by-side HTML diff of two URLs\n```\n\n## Example output\n\n`designlang https://vercel.com --full` →\n\n```\nColors: 27 · Fonts: Geist + Geist Mono · Spacing: 18 (base 2px)\nShadows: 11 · Radii: 10 · CSS vars: 407 · Layout: 55 grids / 492 flex\nResponsive: 4 viewports, 3 breakpoint changes · Interactions: 8 transitions\nA11y: 94% WCAG · Score: 68/100 (D) · 4 issues\n\n→ 17 files written to ./design-extract-output/\n→ Run `designlang grade https://vercel.com` for a shareable report card\n```\n\n## How it works\n\n1. **Crawl** — Headless Chromium via Playwright, waits for network idle and fonts\n2. **Extract** — One `page.evaluate()` walks up to 5,000 DOM elements, collecting 25+ computed properties, inline SVGs, font sources, and image metadata\n3. **Process** — 17 extractor modules parse, deduplicate, cluster, and classify the raw data\n4. **Format** — 12+ formatter modules emit the output files\n5. **Score** — Accessibility extractor calculates WCAG contrast ratios for all color pairs\n6. **Capture** — Optional: screenshots, responsive viewport crawling, interaction state recording\n\n## Install Everywhere\n\ndesignlang ships surfaces beyond the CLI:\n\n| Surface | Path | Description |\n|---------|------|-------------|\n| **CLI** | `npx designlang ` | Main entry point. |\n| **VS Code extension** | [`vscode-extension/`](vscode-extension/) | \"Extract design from URL\" command + auto-inject into workspace. |\n| **Raycast extension** | [`raycast-extension/`](raycast-extension/) | Extract, score, and \"copy CLI command\" from Raycast. |\n| **Figma plugin** | [`figma-plugin/`](figma-plugin/) | Paste a URL inside Figma, get a full Variables collection. |\n| **GitHub Action** | [`github-action/`](github-action/) | \"Design regression guard\" — diffs tokens on every PR and comments. |\n| **Chrome extension** | [`chrome-extension/`](chrome-extension/) | One-click handoff from any tab (MV3, `activeTab` only). |\n| **MCP server** | `npx designlang mcp` | Exposes the extracted design as MCP resources + tools for Cursor, Claude Code, Windsurf, etc. See [`docs/MCP-REGISTRY.md`](docs/MCP-REGISTRY.md). |\n| **Claude Code plugin** | [`.claude-plugin/`](.claude-plugin/) | Five slash commands inside Claude Code — `/extract`, `/grade`, `/battle`, `/remix`, `/pack`. |\n\n## Claude Code plugin\n\nDrop designlang straight into Claude Code as a plugin. Every CLI command becomes a slash command:\n\n```bash\n/plugin install Manavarya09/design-extract\n```\n\nThen inside any Claude Code session:\n\n| Slash command | What it does |\n|---|---|\n| `/extract ` | Full extraction → DTCG tokens, Tailwind, Figma vars, motion, voice |\n| `/grade ` | Shareable HTML \"Design Report Card\" (+ `--badge` for an SVG) |\n| `/battle ` | Head-to-head graded battle card |\n| `/remix --as ` | Restyle in brutalist / swiss / art-deco / cyberpunk / soft-ui / editorial |\n| `/pack ` | Bundle every output into one design-system directory |\n\nManifest: [`.claude-plugin/plugin.json`](.claude-plugin/plugin.json) · marketplace: [`.claude-plugin/marketplace.json`](.claude-plugin/marketplace.json) · commands: [`commands/`](commands/) · skills: [`skills/`](skills/).\n\n## Agent skill (other ecosystems)\n\nWorks with **Cursor, Codex, and 40+ AI coding agents** via the skills ecosystem:\n\n```bash\nnpx skills add Manavarya09/design-extract\n```\n\nIn Cursor / Codex / etc., use `/extract-design `.\n\n## Website\n\n**[https://designlang.manavaryasingh.com](https://designlang.manavaryasingh.com/)** — the brutalist product page.\n\n## Contributing\n\nSee [CONTRIBUTING.md](CONTRIBUTING.md). PRs welcome!\n\n## License\n\n[MIT](LICENSE) - Manav Arya Singh\n\n\n","readmeFilename":"README.md"}