{"_id":"@agiflowai/style-system","_rev":"18-330e5a3b8fe59103f7bac2764b4da8b8","name":"@agiflowai/style-system","dist-tags":{"latest":"0.2.1"},"versions":{"0.0.1":{"name":"@agiflowai/style-system","version":"0.0.1","keywords":["mcp","model-context-protocol","typescript","tailwind","storybook","design-system"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.0.1","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"dist/cli.cjs"},"dist":{"shasum":"025a23bdbc6c387dce89420d8b822cb2d8f96cbc","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.0.1.tgz","fileCount":13,"integrity":"sha512-exyTCWwE/8wzLkLfK92uQNb5aup8PdVl45flwbqZR8MVgN9eLFBUWS82m3ca6yGUhdVdGNMhjPja73XqUtk/Hg==","signatures":[{"sig":"MEYCIQD/lX/31Nys7cuRhFKVt0UunS4rnvDi/VrvUu1zsnRuhwIhAJoB+Bb7W+qBJH5RhymnrdlyGDmFwcC+aXoUnx6Thn4f","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":394025},"main":"./dist/index.cjs","type":"module","_from":"file:agiflowai-style-system-0.0.1.tgz","types":"./dist/index.d.cts","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.js","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"_resolved":"/private/var/folders/35/_klvbykx3s99bpfh7lcqwrgw0000gn/T/94e42c61ae59b0907a8bc2465d29994e/agiflowai-style-system-0.0.1.tgz","_integrity":"sha512-exyTCWwE/8wzLkLfK92uQNb5aup8PdVl45flwbqZR8MVgN9eLFBUWS82m3ca6yGUhdVdGNMhjPja73XqUtk/Hg==","_npmVersion":"11.4.2","description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.4.1","dependencies":{"glob":"^11.0.0","vite":"^7.1.12","chalk":"5.6.2","react":"^19.0.0","sharp":"^0.34.1","js-yaml":"^4.1.1","postcss":"^8.5.6","commander":"14.0.1","react-dom":"^19.0.0","storybook":"^8.6.14","playwright":"^1.54.0","tailwindcss":"^4.1.11","@tailwindcss/vite":"^4.1.16","@storybook/csf-tools":"^8.6.14","vite-plugin-singlefile":"^2.3.0","@agiflowai/aicode-utils":"1.0.9","@modelcontextprotocol/sdk":"1.24.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.5","tsdown":"^0.15.6","vitest":"4.0.15","typescript":"5.9.3","@types/node":"^22.0.0","@babel/types":"^7.28.5","@types/react":"^19.0.0","@babel/parser":"^7.28.5","@types/js-yaml":"^4.0.9","@babel/traverse":"^7.28.5","@types/react-dom":"^19.0.0","@types/babel__traverse":"^7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.0.1_1765360121219_0.885769620715589","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@agiflowai/style-system","version":"0.0.3","keywords":["mcp","model-context-protocol","typescript","tailwind","storybook","design-system"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.0.3","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"dist/cli.cjs"},"dist":{"shasum":"7fd8b1d7990d6029acf9a8d1e7d5ac825c10543f","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.0.3.tgz","fileCount":13,"integrity":"sha512-n/2pB6i9+RmIcwLeg3wx6Zrjz9bU2iRoONlrarssVyZi6f9jiZnHPXNy7/v2tDdo8Jt43RjHuvySsmRrq9NezQ==","signatures":[{"sig":"MEUCIQC0qpLPwfYBvcIedhO5VSbgP03rBzXD/HMtnkonGwjaxgIgC5uW5TIslzYWB9Cae3kp8FdsxZ3Fzi1WVN4Rl7X8udE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":394026},"main":"./dist/index.cjs","type":"module","_from":"file:agiflowai-style-system-0.0.3.tgz","types":"./dist/index.d.cts","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.js","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"_resolved":"/private/var/folders/rz/yh7vg59x3jb9fcf8xv4y_6g40000gn/T/3741790fb34737cf0b1ef10ffab492db/agiflowai-style-system-0.0.3.tgz","_integrity":"sha512-n/2pB6i9+RmIcwLeg3wx6Zrjz9bU2iRoONlrarssVyZi6f9jiZnHPXNy7/v2tDdo8Jt43RjHuvySsmRrq9NezQ==","_npmVersion":"11.4.2","description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.4.1","dependencies":{"glob":"^11.0.0","vite":"^7.1.12","chalk":"5.6.2","react":"^19.0.0","sharp":"^0.34.1","js-yaml":"^4.1.1","postcss":"^8.5.6","commander":"14.0.1","react-dom":"^19.0.0","storybook":"^8.6.15","playwright":"^1.54.0","tailwindcss":"^4.1.11","@tailwindcss/vite":"^4.1.16","@storybook/csf-tools":"^8.6.14","vite-plugin-singlefile":"^2.3.0","@agiflowai/aicode-utils":"1.0.10","@modelcontextprotocol/sdk":"1.24.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.5","tsdown":"^0.15.6","vitest":"4.0.15","typescript":"5.9.3","@types/node":"^22.0.0","@babel/types":"^7.28.5","@types/react":"^19.0.0","@babel/parser":"^7.28.5","@types/js-yaml":"^4.0.9","@babel/traverse":"^7.28.5","@types/react-dom":"^19.0.0","@types/babel__traverse":"^7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.0.3_1766721708764_0.9520009636498838","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@agiflowai/style-system","version":"0.0.2","keywords":["mcp","model-context-protocol","typescript","tailwind","storybook","design-system"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.0.2","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"dist/cli.cjs"},"dist":{"shasum":"ec6ddd6ec6ce6b41719d916945eb13ce82930954","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.0.2.tgz","fileCount":13,"integrity":"sha512-J3fA9EWPJUAKeErqFpM0MJbeT9IAswUQl4GlOfbipfbe0etx2uBZmitdAGVJdOHvTlgyuBbg2nxrg/i56b/dAQ==","signatures":[{"sig":"MEUCIAYWvZSuZAEIo7H8pzogmaT13QMTl2/E2Q04N1pc0FPmAiEAjrvhdnAYuDD26ny4/OoGd6K1qJ01zfBFY4cbU+VfrNY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":396053},"main":"./dist/index.cjs","type":"module","_from":"file:agiflowai-style-system-0.0.2.tgz","types":"./dist/index.d.cts","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.js","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"_resolved":"/private/var/folders/35/_klvbykx3s99bpfh7lcqwrgw0000gn/T/c3d7e3cee2c9eef6a578e2f44bc5bb4a/agiflowai-style-system-0.0.2.tgz","_integrity":"sha512-J3fA9EWPJUAKeErqFpM0MJbeT9IAswUQl4GlOfbipfbe0etx2uBZmitdAGVJdOHvTlgyuBbg2nxrg/i56b/dAQ==","_npmVersion":"11.4.2","description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.4.1","dependencies":{"glob":"^11.0.0","vite":"^7.1.12","chalk":"5.6.2","react":"^19.0.0","sharp":"^0.34.1","js-yaml":"^4.1.1","postcss":"^8.5.6","commander":"14.0.1","react-dom":"^19.0.0","storybook":"^8.6.15","playwright":"^1.54.0","tailwindcss":"^4.1.11","@tailwindcss/vite":"^4.1.16","@storybook/csf-tools":"^8.6.14","vite-plugin-singlefile":"^2.3.0","@agiflowai/aicode-utils":"1.0.10","@modelcontextprotocol/sdk":"1.24.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.5","tsdown":"^0.15.6","vitest":"4.0.15","typescript":"5.9.3","@types/node":"^22.0.0","@babel/types":"^7.28.5","@types/react":"^19.0.0","@babel/parser":"^7.28.5","@types/js-yaml":"^4.0.9","@babel/traverse":"^7.28.5","@types/react-dom":"^19.0.0","@types/babel__traverse":"^7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.0.2_1766793760987_0.704681300713301","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@agiflowai/style-system","version":"0.0.4","keywords":["mcp","model-context-protocol","typescript","tailwind","storybook","design-system"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.0.4","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"dist/cli.cjs"},"dist":{"shasum":"8444e2bacee024a7d46e5bd291ff10611232ca1b","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.0.4.tgz","fileCount":13,"integrity":"sha512-O14CH+fBhN6Jx8OT7Qjjs1byrVe2khA4MaKl2R5+xsVadN3PPoIpxtIdevvcLTq8rRGIOAyOLCabIUUyzfZt+Q==","signatures":[{"sig":"MEYCIQCRIlGX6oc+TQT1EZ4iTA9TR71XYwjkwltgBn9OK/M2aAIhAPF+DmHHCzqAGfCzYfT190tAoaLm0vI81VwIagQ95v7V","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":397285},"main":"./dist/index.cjs","type":"module","_from":"file:agiflowai-style-system-0.0.4.tgz","types":"./dist/index.d.cts","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.js","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"_resolved":"/private/var/folders/35/_klvbykx3s99bpfh7lcqwrgw0000gn/T/5d3d9d240f22cc6b90c77831e4736d60/agiflowai-style-system-0.0.4.tgz","_integrity":"sha512-O14CH+fBhN6Jx8OT7Qjjs1byrVe2khA4MaKl2R5+xsVadN3PPoIpxtIdevvcLTq8rRGIOAyOLCabIUUyzfZt+Q==","_npmVersion":"11.4.2","description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.4.1","dependencies":{"glob":"^11.0.0","vite":"^7.1.12","chalk":"5.6.2","react":"^19.0.0","sharp":"^0.34.1","js-yaml":"^4.1.1","postcss":"^8.5.6","commander":"14.0.1","react-dom":"^19.0.0","storybook":"^8.6.15","playwright":"^1.54.0","tailwindcss":"^4.1.11","@tailwindcss/vite":"^4.1.16","@storybook/csf-tools":"^8.6.14","vite-plugin-singlefile":"^2.3.0","@agiflowai/aicode-utils":"1.0.11","@modelcontextprotocol/sdk":"1.25.2"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.5","tsdown":"^0.15.6","vitest":"4.0.15","typescript":"5.9.3","@types/node":"^22.0.0","@babel/types":"^7.28.5","@types/react":"^19.0.0","@babel/parser":"^7.28.5","@types/js-yaml":"^4.0.9","@babel/traverse":"^7.28.5","@types/react-dom":"^19.0.0","@types/babel__traverse":"^7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.0.4_1767920804203_0.4959390315328025","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@agiflowai/style-system","version":"0.0.5","keywords":["mcp","model-context-protocol","typescript","tailwind","storybook","design-system"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.0.5","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"dist/cli.cjs"},"dist":{"shasum":"5d8ffb6e3aa2d51e5670cb605daefdb1df4e200b","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.0.5.tgz","fileCount":13,"integrity":"sha512-xiVaSf6ZGPDDTZTnX1ZEZP727zqx1vvTK5qlIf7aPU3YAYrwHvz6K8DatDjRb2N6oMyiZVf/Rps8cCqJLy0wIA==","signatures":[{"sig":"MEQCICgvEWBXIlFDturUkVr3GxYlhvFpS09ECtxlIDqXne1wAiAHC0PhTy1BMTPjRuTztpXQFqrs8ZW5VQJLYUfaYklQgQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":397285},"main":"./dist/index.cjs","type":"module","_from":"file:agiflowai-style-system-0.0.5.tgz","types":"./dist/index.d.cts","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.js","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"_resolved":"/private/var/folders/35/_klvbykx3s99bpfh7lcqwrgw0000gn/T/3220d3605d5e97bd71af76ab1628a75b/agiflowai-style-system-0.0.5.tgz","_integrity":"sha512-xiVaSf6ZGPDDTZTnX1ZEZP727zqx1vvTK5qlIf7aPU3YAYrwHvz6K8DatDjRb2N6oMyiZVf/Rps8cCqJLy0wIA==","_npmVersion":"11.4.2","description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.4.1","dependencies":{"glob":"^11.0.0","vite":"^7.1.12","chalk":"5.6.2","react":"^19.0.0","sharp":"^0.34.1","js-yaml":"^4.1.1","postcss":"^8.5.6","commander":"14.0.1","react-dom":"^19.0.0","storybook":"^8.6.15","playwright":"^1.54.0","tailwindcss":"^4.1.11","@tailwindcss/vite":"^4.1.16","@storybook/csf-tools":"^8.6.14","vite-plugin-singlefile":"^2.3.0","@agiflowai/aicode-utils":"1.0.12","@modelcontextprotocol/sdk":"1.25.2"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.5","tsdown":"^0.15.6","vitest":"4.0.15","typescript":"5.9.3","@types/node":"^22.0.0","@babel/types":"^7.28.5","@types/react":"^19.0.0","@babel/parser":"^7.28.5","@types/js-yaml":"^4.0.9","@babel/traverse":"^7.28.5","@types/react-dom":"^19.0.0","@types/babel__traverse":"^7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.0.5_1768606073336_0.4440344487693979","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"@agiflowai/style-system","version":"0.0.6","keywords":["mcp","model-context-protocol","typescript","tailwind","storybook","design-system"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.0.6","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"dist/cli.cjs"},"dist":{"shasum":"974560cdeb46c302310b57948f22e7ac2886c776","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.0.6.tgz","fileCount":13,"integrity":"sha512-52QraemxZAUa7ZcD2FdAhQe3WvdJkginBiHemDHHE8okuRsUw5u6CA1gLs2Yd5ycySPeQOYlBfgJ1nd9WXiFuw==","signatures":[{"sig":"MEYCIQDrsElb5dlMbZQ/PXuxqfdqDk+27b/IsJQzNEFNqcEenQIhAJ0p2+/IAqvbxqV30quF+eTavICllVhThjDW1unPxcrp","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":397285},"main":"./dist/index.cjs","type":"module","_from":"file:agiflowai-style-system-0.0.6.tgz","types":"./dist/index.d.cts","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.js","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"_resolved":"/private/var/folders/35/_klvbykx3s99bpfh7lcqwrgw0000gn/T/bd1e57db2aa06a3ab977ce56fa61c871/agiflowai-style-system-0.0.6.tgz","_integrity":"sha512-52QraemxZAUa7ZcD2FdAhQe3WvdJkginBiHemDHHE8okuRsUw5u6CA1gLs2Yd5ycySPeQOYlBfgJ1nd9WXiFuw==","_npmVersion":"11.4.2","description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.4.1","dependencies":{"glob":"^11.0.0","vite":"^7.1.12","chalk":"5.6.2","react":"^19.0.0","sharp":"^0.34.1","js-yaml":"^4.1.1","postcss":"^8.5.6","commander":"14.0.1","react-dom":"^19.0.0","storybook":"^8.6.15","playwright":"^1.54.0","tailwindcss":"^4.1.11","@tailwindcss/vite":"^4.1.16","@storybook/csf-tools":"^8.6.14","vite-plugin-singlefile":"^2.3.0","@agiflowai/aicode-utils":"1.0.13","@modelcontextprotocol/sdk":"1.25.2"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.5","tsdown":"^0.15.6","vitest":"4.0.15","typescript":"5.9.3","@types/node":"^22.0.0","@babel/types":"^7.28.5","@types/react":"^19.0.0","@babel/parser":"^7.28.5","@types/js-yaml":"^4.0.9","@babel/traverse":"^7.28.5","@types/react-dom":"^19.0.0","@types/babel__traverse":"^7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.0.6_1769402149254_0.1586576432602853","host":"s3://npm-registry-packages-npm-production"}},"0.0.7":{"name":"@agiflowai/style-system","version":"0.0.7","keywords":["mcp","model-context-protocol","typescript","tailwind","storybook","design-system"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.0.7","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"dist/cli.cjs"},"dist":{"shasum":"97f0e948bb9621191f79d9a3887ace3da873d6e1","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.0.7.tgz","fileCount":13,"integrity":"sha512-Xm4LlGNmVEu+gEj8J4yM+Q5kDPc/eXb4uy8Jy6dDfF7KtnuYPsF/gKIyvzhqGFBzVUj06ApHT6e7rC5QE0yIAw==","signatures":[{"sig":"MEUCIQDlg/iZrTbZ9fHPw3zDDn99YJUCAexyatKmvtXqhCdwJAIgS6GI3WnWJqElDVwlqg9cx8WSxHtaeNaHYi6S+ao7iyQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":396318},"main":"./dist/index.cjs","type":"module","_from":"file:agiflowai-style-system-0.0.7.tgz","types":"./dist/index.d.cts","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.js","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"_resolved":"/private/var/folders/35/_klvbykx3s99bpfh7lcqwrgw0000gn/T/d1dd6890122a8b9ca84b582ef3626de7/agiflowai-style-system-0.0.7.tgz","_integrity":"sha512-Xm4LlGNmVEu+gEj8J4yM+Q5kDPc/eXb4uy8Jy6dDfF7KtnuYPsF/gKIyvzhqGFBzVUj06ApHT6e7rC5QE0yIAw==","_npmVersion":"11.4.2","description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.4.1","dependencies":{"glob":"^11.0.0","vite":"^7.1.12","chalk":"5.6.2","react":"^19.0.0","sharp":"^0.34.1","js-yaml":"^4.1.1","postcss":"^8.5.6","commander":"14.0.1","react-dom":"^19.0.0","storybook":"^8.6.15","playwright":"^1.54.0","tailwindcss":"^4.1.11","@tailwindcss/vite":"^4.1.16","@storybook/csf-tools":"^8.6.14","vite-plugin-singlefile":"^2.3.0","@agiflowai/aicode-utils":"1.0.14","@modelcontextprotocol/sdk":"1.26.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.5","tsdown":"^0.15.6","vitest":"4.0.15","typescript":"5.9.3","@types/node":"^22.0.0","@babel/types":"^7.28.5","@types/react":"^19.0.0","@babel/parser":"^7.28.5","@types/js-yaml":"^4.0.9","@babel/traverse":"^7.28.5","@types/react-dom":"^19.0.0","@types/babel__traverse":"^7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.0.7_1771559932303_0.46382082595717744","host":"s3://npm-registry-packages-npm-production"}},"0.0.8":{"name":"@agiflowai/style-system","version":"0.0.8","keywords":["mcp","model-context-protocol","typescript","tailwind","storybook","design-system"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.0.8","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"dist/cli.cjs"},"dist":{"shasum":"45c0988f7688da9632d316f490a4a2ad1fc68e1d","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.0.8.tgz","fileCount":13,"integrity":"sha512-3Zs8lLAOer8kol6wMh5uT3YxchBZDI5bXmGNlcFYXq2VukjTQ9MWiGHaQJ3eONyWIlw9lModJoHeUpOXBYe8gw==","signatures":[{"sig":"MEUCIC3F3jL+fZjXGcNseu27Q1BPSj6/KiHz7F5eicX4hieLAiEAjE5j1yXTUiWkhkZDi/Kdg4MVxDia/l0Ze2oux8BVQg4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":396318},"main":"./dist/index.cjs","type":"module","_from":"file:agiflowai-style-system-0.0.8.tgz","types":"./dist/index.d.cts","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.js","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"_resolved":"/private/var/folders/35/_klvbykx3s99bpfh7lcqwrgw0000gn/T/365b35220a930f2bddec851521ad9a4f/agiflowai-style-system-0.0.8.tgz","_integrity":"sha512-3Zs8lLAOer8kol6wMh5uT3YxchBZDI5bXmGNlcFYXq2VukjTQ9MWiGHaQJ3eONyWIlw9lModJoHeUpOXBYe8gw==","_npmVersion":"11.4.2","description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.4.1","dependencies":{"glob":"^11.0.0","vite":"^7.1.12","chalk":"5.6.2","react":"^19.0.0","sharp":"^0.34.1","js-yaml":"^4.1.1","postcss":"^8.5.6","commander":"14.0.1","react-dom":"^19.0.0","storybook":"^8.6.15","playwright":"^1.54.0","tailwindcss":"^4.1.11","@tailwindcss/vite":"^4.1.16","@storybook/csf-tools":"^8.6.14","vite-plugin-singlefile":"^2.3.0","@agiflowai/aicode-utils":"1.0.15","@modelcontextprotocol/sdk":"1.26.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.5","tsdown":"^0.15.6","vitest":"4.0.15","typescript":"5.9.3","@types/node":"^22.0.0","@babel/types":"^7.28.5","@types/react":"^19.0.0","@babel/parser":"^7.28.5","@types/js-yaml":"^4.0.9","@babel/traverse":"^7.28.5","@types/react-dom":"^19.0.0","@types/babel__traverse":"^7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.0.8_1771579211604_0.8937663948868444","host":"s3://npm-registry-packages-npm-production"}},"0.0.9":{"name":"@agiflowai/style-system","version":"0.0.9","keywords":["mcp","model-context-protocol","typescript","tailwind","storybook","design-system"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.0.9","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"dist/cli.cjs"},"dist":{"shasum":"9a5c7a364a8f0e0e2f00aafda67966ffb2567e15","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.0.9.tgz","fileCount":13,"integrity":"sha512-L4cnJ+gSUt6cO9tBGB/0Nn2S0IjDdZggg1c7Vg5in4/ffz0k7rwhvPKuiDm//AbHtrv2pZBh/0aDm6aeQCK7tQ==","signatures":[{"sig":"MEUCIQDm4hQSF+WoxyEpe1aj0DTx3wxhFwMk/L/6waPyJCzbnwIgDXzw7CZw6YhlcBPsnLVtiolumfSob3lGTzRzGjQldsw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":396318},"main":"./dist/index.cjs","type":"module","_from":"file:agiflowai-style-system-0.0.9.tgz","types":"./dist/index.d.cts","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.js","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"_resolved":"/private/var/folders/35/_klvbykx3s99bpfh7lcqwrgw0000gn/T/0d63b6fe0a133b768fa97377e175f923/agiflowai-style-system-0.0.9.tgz","_integrity":"sha512-L4cnJ+gSUt6cO9tBGB/0Nn2S0IjDdZggg1c7Vg5in4/ffz0k7rwhvPKuiDm//AbHtrv2pZBh/0aDm6aeQCK7tQ==","_npmVersion":"11.4.2","description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.4.1","dependencies":{"glob":"^11.0.0","vite":"^7.1.12","chalk":"5.6.2","react":"^19.0.0","sharp":"^0.34.1","js-yaml":"^4.1.1","postcss":"^8.5.6","commander":"14.0.1","react-dom":"^19.0.0","storybook":"^8.6.15","playwright":"^1.54.0","tailwindcss":"^4.1.11","@tailwindcss/vite":"^4.1.16","@storybook/csf-tools":"^8.6.14","vite-plugin-singlefile":"^2.3.0","@agiflowai/aicode-utils":"1.0.16","@modelcontextprotocol/sdk":"1.26.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.5","tsdown":"^0.15.6","vitest":"4.0.15","typescript":"5.9.3","@types/node":"^22.0.0","@babel/types":"^7.28.5","@types/react":"^19.0.0","@babel/parser":"^7.28.5","@types/js-yaml":"^4.0.9","@babel/traverse":"^7.28.5","@types/react-dom":"^19.0.0","@types/babel__traverse":"^7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.0.9_1771732718169_0.19500449589855995","host":"s3://npm-registry-packages-npm-production"}},"0.0.10":{"name":"@agiflowai/style-system","version":"0.0.10","keywords":["mcp","model-context-protocol","typescript","tailwind","storybook","design-system"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.0.10","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"dist/cli.cjs"},"dist":{"shasum":"4b94c1824e9c037e8c1cb3e3baafa36735bc1c99","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.0.10.tgz","fileCount":13,"integrity":"sha512-K99y7pLPqACk37eoAEp73jp9+uFGF108rE6MKLuu7jqpE5E3NI/2td5e4LAZeo2P6VGk0HEuaxTcVm8Dgw7TFg==","signatures":[{"sig":"MEYCIQCLD7Db9pVLDY8i/Ktt7UaSyu180lKDdKZ6s+KoEwBJYAIhAO1kDFOXjmAJYHpd8r/R/Sz5dzohc26rO/tP2rmTV6X/","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":397719},"main":"./dist/index.cjs","type":"module","_from":"file:agiflowai-style-system-0.0.10.tgz","types":"./dist/index.d.cts","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.js","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"_resolved":"/private/var/folders/35/_klvbykx3s99bpfh7lcqwrgw0000gn/T/97cc0ab04ee06fd9db20ab20b1e43d51/agiflowai-style-system-0.0.10.tgz","_integrity":"sha512-K99y7pLPqACk37eoAEp73jp9+uFGF108rE6MKLuu7jqpE5E3NI/2td5e4LAZeo2P6VGk0HEuaxTcVm8Dgw7TFg==","_npmVersion":"11.4.2","description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.4.1","dependencies":{"glob":"^11.0.0","vite":"^7.1.12","chalk":"5.6.2","react":"^19.0.0","sharp":"^0.34.1","js-yaml":"^4.1.1","postcss":"^8.5.6","commander":"14.0.1","react-dom":"^19.0.0","storybook":"^8.6.17","playwright":"^1.54.0","tailwindcss":"^4.1.11","@tailwindcss/vite":"^4.1.16","@storybook/csf-tools":"^8.6.14","vite-plugin-singlefile":"^2.3.0","@agiflowai/aicode-utils":"1.0.17","@modelcontextprotocol/sdk":"1.26.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.5","tsdown":"^0.15.6","vitest":"4.0.15","typescript":"5.9.3","@types/node":"^22.0.0","@babel/types":"^7.28.5","@types/react":"^19.0.0","@babel/parser":"^7.28.5","@types/js-yaml":"^4.0.9","@babel/traverse":"^7.28.5","@types/react-dom":"^19.0.0","@types/babel__traverse":"^7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.0.10_1772770864606_0.05636361122496836","host":"s3://npm-registry-packages-npm-production"}},"0.0.11":{"name":"@agiflowai/style-system","version":"0.0.11","keywords":["mcp","model-context-protocol","typescript","tailwind","storybook","design-system"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.0.11","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"dist/cli.cjs"},"dist":{"shasum":"189b05b6aa801fc2263cd32e71999a1231110973","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.0.11.tgz","fileCount":13,"integrity":"sha512-xskkwyBYp06k18hQox75Sqt4H5cIH3uorfEG7hVC0jrplxIrD3KK+MUMyA24mB1s/IMrD5L8L0grL0QDpJMYKg==","signatures":[{"sig":"MEUCIQCVxDtSDhIZOYGRymMY1B50JIE748h5RYr2syniG5HppQIgXAx/fUTMoC/FK0ecpVwRm000qSoaoc5P9HRUgQoKQbU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":397719},"main":"./dist/index.cjs","type":"module","_from":"file:agiflowai-style-system-0.0.11.tgz","types":"./dist/index.d.cts","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.js","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"_resolved":"/private/var/folders/35/_klvbykx3s99bpfh7lcqwrgw0000gn/T/5ce86f922de3f9d5f3239e26f918c162/agiflowai-style-system-0.0.11.tgz","_integrity":"sha512-xskkwyBYp06k18hQox75Sqt4H5cIH3uorfEG7hVC0jrplxIrD3KK+MUMyA24mB1s/IMrD5L8L0grL0QDpJMYKg==","_npmVersion":"11.4.2","description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.4.1","dependencies":{"glob":"^11.0.0","vite":"^7.1.12","chalk":"5.6.2","react":"^19.0.0","sharp":"^0.34.1","js-yaml":"^4.1.1","postcss":"^8.5.6","commander":"14.0.1","react-dom":"^19.0.0","storybook":"^8.6.17","playwright":"^1.54.0","tailwindcss":"^4.1.11","@tailwindcss/vite":"^4.1.16","@storybook/csf-tools":"^8.6.14","vite-plugin-singlefile":"^2.3.0","@agiflowai/aicode-utils":"1.0.18","@modelcontextprotocol/sdk":"1.26.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.5","tsdown":"^0.15.6","vitest":"4.0.15","typescript":"5.9.3","@types/node":"^22.0.0","@babel/types":"^7.28.5","@types/react":"^19.0.0","@babel/parser":"^7.28.5","@types/js-yaml":"^4.0.9","@babel/traverse":"^7.28.5","@types/react-dom":"^19.0.0","@types/babel__traverse":"^7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.0.11_1772785586578_0.48642747979912326","host":"s3://npm-registry-packages-npm-production"}},"0.0.12":{"name":"@agiflowai/style-system","version":"0.0.12","keywords":["mcp","model-context-protocol","typescript","tailwind","storybook","design-system"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.0.12","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"dist/cli.cjs"},"dist":{"shasum":"c8360f79ecd8dcdd4802ffc8c9feb0eaecb7e6f1","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.0.12.tgz","fileCount":13,"integrity":"sha512-owuLj2hw2okrQjpe1H9v9wmShuqoZbQA2cgnP3WeN2otqba+NH5xRbQ/JEetgrARjcRnRzH13Gt0faR4c+dJ+g==","signatures":[{"sig":"MEYCIQD0tWvAZN1k1q+mkqZMEhP1bZBAcGS7h3/j6DlFA703dQIhANqrKeTKms/15D+N+jofAhRwpChCEeZ11Fb54JOd8+rp","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":397719},"main":"./dist/index.cjs","type":"module","_from":"file:agiflowai-style-system-0.0.12.tgz","types":"./dist/index.d.cts","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.js","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"_resolved":"/private/var/folders/35/_klvbykx3s99bpfh7lcqwrgw0000gn/T/cd6afb6ca0f1a9baa35e914d81ecbf74/agiflowai-style-system-0.0.12.tgz","_integrity":"sha512-owuLj2hw2okrQjpe1H9v9wmShuqoZbQA2cgnP3WeN2otqba+NH5xRbQ/JEetgrARjcRnRzH13Gt0faR4c+dJ+g==","_npmVersion":"11.4.2","description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.4.1","dependencies":{"glob":"^11.0.0","vite":"^7.1.12","chalk":"5.6.2","react":"^19.0.0","sharp":"^0.34.1","js-yaml":"^4.1.1","postcss":"^8.5.6","commander":"14.0.1","react-dom":"^19.0.0","storybook":"^8.6.17","playwright":"^1.54.0","tailwindcss":"^4.1.11","@tailwindcss/vite":"^4.1.16","@storybook/csf-tools":"^8.6.14","vite-plugin-singlefile":"^2.3.0","@agiflowai/aicode-utils":"1.0.19","@modelcontextprotocol/sdk":"1.26.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.5","tsdown":"^0.15.6","vitest":"4.0.15","typescript":"5.9.3","@types/node":"^22.0.0","@babel/types":"^7.28.5","@types/react":"^19.0.0","@babel/parser":"^7.28.5","@types/js-yaml":"^4.0.9","@babel/traverse":"^7.28.5","@types/react-dom":"^19.0.0","@types/babel__traverse":"^7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.0.12_1773530872319_0.8192117755724846","host":"s3://npm-registry-packages-npm-production"}},"0.0.13":{"name":"@agiflowai/style-system","version":"0.0.13","keywords":["mcp","model-context-protocol","typescript","tailwind","storybook","design-system"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.0.13","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"dist/cli.cjs"},"dist":{"shasum":"e19fc5e32f2986d01eb6fe32d5efb1e0b9bcede2","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.0.13.tgz","fileCount":13,"integrity":"sha512-JbU5W+EiR/OkwRvwHCy8REArGoIU75VH9YlJFlZFBfkfwIkMYk/pbZl6F8qacS2DCVgBjuXXHiOIv3sErOMuqA==","signatures":[{"sig":"MEYCIQCiFNEsTyIU7Df2fo0m7QOBuEDC/N1SEy5vGY64xxfx3wIhAISiORFE0vPw/ByIgfjOrj0qTNq/57FWzySqaBL0fg14","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":397719},"main":"./dist/index.cjs","type":"module","_from":"file:agiflowai-style-system-0.0.13.tgz","types":"./dist/index.d.cts","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.js","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"_resolved":"/private/var/folders/35/_klvbykx3s99bpfh7lcqwrgw0000gn/T/b08546680a8f30a813d8c50b02ab4c23/agiflowai-style-system-0.0.13.tgz","_integrity":"sha512-JbU5W+EiR/OkwRvwHCy8REArGoIU75VH9YlJFlZFBfkfwIkMYk/pbZl6F8qacS2DCVgBjuXXHiOIv3sErOMuqA==","_npmVersion":"11.4.2","description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.4.1","dependencies":{"glob":"^11.0.0","vite":"^7.1.12","chalk":"5.6.2","react":"^19.0.0","sharp":"^0.34.1","js-yaml":"^4.1.1","postcss":"^8.5.6","commander":"14.0.1","react-dom":"^19.0.0","storybook":"^8.6.17","playwright":"^1.54.0","tailwindcss":"^4.1.11","@tailwindcss/vite":"^4.1.16","@storybook/csf-tools":"^8.6.14","vite-plugin-singlefile":"^2.3.0","@agiflowai/aicode-utils":"1.0.20","@modelcontextprotocol/sdk":"1.26.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.5","tsdown":"^0.15.6","vitest":"4.0.15","typescript":"5.9.3","@types/node":"^22.0.0","@babel/types":"^7.28.5","@types/react":"^19.0.0","@babel/parser":"^7.28.5","@types/js-yaml":"^4.0.9","@babel/traverse":"^7.28.5","@types/react-dom":"^19.0.0","@types/babel__traverse":"^7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.0.13_1773538187280_0.29307753172190654","host":"s3://npm-registry-packages-npm-production"}},"0.1.0":{"name":"@agiflowai/style-system","version":"0.1.0","keywords":["mcp","model-context-protocol","typescript","tailwind","storybook","design-system"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.1.0","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"dist/cli.cjs"},"dist":{"shasum":"d9744188bfa45d825d6d78a4947245b004886885","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.1.0.tgz","fileCount":13,"integrity":"sha512-KIYhfDx5BOwmVGuGq/FPkxbOxXEZyuDVzCLr4P0lvpoqIZQtA/180CzcnHMBvt9fPwiVWowR7RIYA6ZdWx9+DA==","signatures":[{"sig":"MEYCIQC3WBXkHgWAucG5iK59vDpOfvGgdRiw1TC2kO5YiZuyKQIhAM2O9HkDd2BRl4GSdAAUEeA2/ylkJuW4PsR5kg+VxqEH","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":419034},"main":"./dist/index.cjs","type":"module","_from":"file:agiflowai-style-system-0.1.0.tgz","types":"./dist/index.d.cts","module":"./dist/index.mjs","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.mjs","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"_resolved":"/private/var/folders/35/_klvbykx3s99bpfh7lcqwrgw0000gn/T/d10569dc462820678cffd9b3ce0e2c79/agiflowai-style-system-0.1.0.tgz","_integrity":"sha512-KIYhfDx5BOwmVGuGq/FPkxbOxXEZyuDVzCLr4P0lvpoqIZQtA/180CzcnHMBvt9fPwiVWowR7RIYA6ZdWx9+DA==","_npmVersion":"11.4.2","description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.4.1","dependencies":{"glob":"13.0.6","vite":"8.0.8","chalk":"5.6.2","react":"19.2.5","sharp":"0.34.5","js-yaml":"4.1.1","postcss":"8.5.9","commander":"14.0.3","react-dom":"19.2.5","storybook":"8.6.18","playwright":"1.59.1","tailwindcss":"4.2.2","@tailwindcss/vite":"4.2.2","@storybook/csf-tools":"8.6.18","vite-plugin-singlefile":"2.3.2","@agiflowai/aicode-utils":"1.1.0","@modelcontextprotocol/sdk":"1.29.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"4.21.0","tsdown":"0.21.8","vitest":"4.1.4","esbuild":"0.28.0","typescript":"5.9.3","@types/node":"25.6.0","@babel/types":"7.29.0","@types/react":"19.2.14","@babel/parser":"7.29.2","@types/js-yaml":"4.0.9","@babel/traverse":"7.29.0","@types/react-dom":"19.2.3","@types/babel__traverse":"7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.1.0_1776140951809_0.42269935727723107","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@agiflowai/style-system","version":"0.1.1","keywords":["mcp","model-context-protocol","typescript","tailwind","storybook","design-system"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.1.1","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"./dist/cli.cjs"},"dist":{"shasum":"5d662854e30cdb2d4f037bce475995acc86b7fb9","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.1.1.tgz","fileCount":13,"integrity":"sha512-eni8ESiLHG4fCDkQZCJQY76aVIxLIcY90ACrlI2ioN8i21+P08cP63eIqHjzyMJeNu6VOQrOzTEzYi6fjJgbZg==","signatures":[{"sig":"MEUCIQDI3c3R6x961rtc5fQ8ZUxpPXxV99rmJ139oQVtTEDenQIgax2n2L9s28nJ4NZ7BE7omTYTQ317efEUOcPu9QbWj6c=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":419034},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.cts","module":"./dist/index.mjs","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.mjs","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.15.0","dependencies":{"glob":"13.0.6","vite":"8.0.16","chalk":"5.6.2","react":"19.2.5","sharp":"0.34.5","js-yaml":"4.2.0","postcss":"8.5.10","commander":"14.0.3","react-dom":"19.2.5","storybook":"8.6.18","playwright":"1.59.1","tailwindcss":"4.2.2","@tailwindcss/vite":"4.2.2","@storybook/csf-tools":"8.6.18","vite-plugin-singlefile":"2.3.2","@agiflowai/aicode-utils":"1.2.0","@modelcontextprotocol/sdk":"1.29.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"4.21.0","tsdown":"0.21.8","vitest":"4.1.4","esbuild":"0.28.1","typescript":"5.9.3","@types/node":"25.6.0","@babel/types":"7.29.0","@types/react":"19.2.14","@babel/parser":"7.29.2","@types/js-yaml":"4.0.9","@babel/traverse":"7.29.0","@types/react-dom":"19.2.3","@types/babel__traverse":"7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.1.1_1782218479870_0.6373881807099462","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@agiflowai/style-system","version":"0.1.2","keywords":["mcp","model-context-protocol","typescript","tailwind","storybook","design-system"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.1.2","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"./dist/cli.cjs"},"dist":{"shasum":"f6bfb0576fcc5db4540d96087db4e0423385f574","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.1.2.tgz","fileCount":13,"integrity":"sha512-gFxkA10BMLZSsS1TFqrPZ6mPPHiNJjZ0FA+xitaahv0uaAQ670k0TRuvVhsjfJA0OXM/NbXfOtoI7NtdAgfNIg==","signatures":[{"sig":"MEQCIHsc43sMqrJyXGT9Pempw9J8QnP+kZcs2okeD+KohpHoAiBNi7qgMckB6M0bBUbcfapjaSC3ttD/IleUYRjVFvqlyA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":419034},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.cts","module":"./dist/index.mjs","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.mjs","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.15.0","dependencies":{"glob":"13.0.6","vite":"8.0.16","chalk":"5.6.2","react":"19.2.5","sharp":"0.34.5","js-yaml":"4.2.0","postcss":"8.5.10","commander":"14.0.3","react-dom":"19.2.5","storybook":"8.6.18","playwright":"1.59.1","tailwindcss":"4.2.2","@tailwindcss/vite":"4.2.2","@storybook/csf-tools":"8.6.18","vite-plugin-singlefile":"2.3.2","@agiflowai/aicode-utils":"1.3.0","@modelcontextprotocol/sdk":"1.29.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"4.21.0","tsdown":"0.21.8","vitest":"4.1.4","esbuild":"0.28.1","typescript":"5.9.3","@types/node":"25.6.0","@babel/types":"7.29.0","@types/react":"19.2.14","@babel/parser":"7.29.2","@types/js-yaml":"4.0.9","@babel/traverse":"7.29.0","@types/react-dom":"19.2.3","@types/babel__traverse":"7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.1.2_1782524855900_0.03719873107091165","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@agiflowai/style-system","version":"0.2.0","keywords":["design-system","mcp","model-context-protocol","storybook","tailwind","typescript"],"license":"AGPL-3.0","_id":"@agiflowai/style-system@0.2.0","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"bin":{"style-system":"./dist/cli.cjs"},"dist":{"shasum":"2256706e254ca7a0df6d235424b93f3dcb3f92ac","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.2.0.tgz","fileCount":13,"integrity":"sha512-p+SlZItNPPe1jzXIHIxQgGozeV1eJWnHbTjQxYMLoujIb176H+Qmkhg2bUZ/uXI6UQ2/E24chJe1uGBuvAgzaQ==","signatures":[{"sig":"MEUCIQCs9JJhp7o4ZD73YA61cKU/aHOfkmqkUCZvgtvttUtkGwIgRVI4y4oTG6a4PIgF1/it+5d4jLGAD2cuyHOPo1+/830=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCIQCbqKIQFYVIzIDCTQrUlaYApzHKkilxM98nGdPC1Fx6SgIga+dF8bXP7u9ZBH+Kuq/vaqSSA4kuDa3rkoIbjRk5j64=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":418832},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.cts","module":"./dist/index.mjs","engines":{"node":">=20.9.0"},"exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.mjs","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"_nodeVersion":"24.21.0","dependencies":{"glob":"13.0.6","vite":"8.3.1","chalk":"6.0.0","react":"19.3.0","sharp":"0.35.4","js-yaml":"5.4.2","postcss":"8.5.28","commander":"15.0.0","react-dom":"19.3.0","storybook":"10.6.0","playwright":"1.63.0","tailwindcss":"4.3.3","@tailwindcss/vite":"4.3.3","vite-plugin-singlefile":"2.3.3","@agiflowai/aicode-utils":"2.0.0","@modelcontextprotocol/server":"2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"4.23.15","tsdown":"0.23.0","vitest":"5.0.2","esbuild":"0.28.2","typescript":"6.0.3","@types/node":"26.6.3","@babel/types":"8.0.6","@types/react":"19.3.0","@babel/parser":"7.29.9","@babel/traverse":"8.0.6","@types/react-dom":"19.3.0","@types/babel__traverse":"7.28.0"},"_npmOperationalInternal":{"tmp":"tmp/style-system_0.2.0_1790488242127_0.05694675750200662","host":"s3://npm-registry-packages-npm-production"}},"0.2.1":{"_id":"@agiflowai/style-system@0.2.1","bin":{"style-system":"./dist/cli.cjs"},"dist":{"shasum":"027db38c8ebb7d4561bb19f5bfdfa09214bbb70b","tarball":"https://registry.npmjs.org/@agiflowai/style-system/-/style-system-0.2.1.tgz","fileCount":13,"integrity":"sha512-v2qfopTHnwZb3GW8ffmTi5wsgii70MYtPWg3iRnIgefi1m2d3zSM86XUN5mQSN4cJlE9EwYScQWHINdBD93V7A==","signatures":[{"sig":"MEYCIQCFkS1elr1/2AdzxYplfvK0HgF8+UFbL+ZVkUPDPjgxbgIhAILM15mSlOeGeLAg6H0HuyeTGR+OrZTeveqx4XZr1S8O","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCJ8j4kGYR0QTl7tkm8DdQof0Msxlotc18vDI7E/mTs7AIgILk3X5MemjVp3U+COpojqjr3FFmkNp9xQ8GOqAX4pXQ="}],"unpackedSize":419228},"main":"./dist/index.cjs","name":"@agiflowai/style-system","type":"module","types":"./dist/index.d.cts","module":"./dist/index.mjs","engines":{"node":">=22.12.0"},"exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.cjs"},"./cli":{"import":"./dist/cli.mjs","require":"./dist/cli.cjs"},"./package.json":"./package.json"},"license":"AGPL-3.0","scripts":{"dev":"node --loader ts-node/esm src/cli.ts mcp-serve","test":"vitest --run","build":"tsdown","typecheck":"tsc --noEmit"},"version":"0.2.1","_npmUser":{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"},"keywords":["design-system","mcp","model-context-protocol","storybook","tailwind","typescript"],"description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","directories":{},"maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"_nodeVersion":"24.21.0","dependencies":{"glob":"13.0.6","vite":"8.3.1","chalk":"6.0.0","react":"19.3.0","sharp":"0.35.4","js-yaml":"5.4.2","postcss":"8.5.28","commander":"15.0.0","react-dom":"19.3.0","storybook":"10.6.0","playwright":"1.63.0","tailwindcss":"4.3.3","@tailwindcss/vite":"4.3.3","vite-plugin-singlefile":"2.3.3","@agiflowai/aicode-utils":"2.0.0","@modelcontextprotocol/server":"2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"4.23.15","tsdown":"0.23.0","vitest":"5.0.2","esbuild":"0.28.2","typescript":"6.0.3","@types/node":"26.6.3","@babel/types":"8.0.6","@types/react":"19.3.0","@babel/parser":"7.29.9","@babel/traverse":"8.0.6","@types/react-dom":"19.3.0","@types/babel__traverse":"7.28.0"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/style-system_0.2.1_1790499520094_0.856272986955547"}}},"time":{"created":"2025-12-10T09:48:41.159Z","modified":"2026-09-27T08:58:40.372Z","0.0.1":"2025-12-10T09:48:41.418Z","0.0.3":"2025-12-26T04:01:49.006Z","0.0.2":"2025-12-27T00:02:41.134Z","0.0.4":"2026-01-09T01:06:44.351Z","0.0.5":"2026-01-16T23:27:53.503Z","0.0.6":"2026-01-26T04:35:49.427Z","0.0.7":"2026-02-20T03:58:52.471Z","0.0.8":"2026-02-20T09:20:11.759Z","0.0.9":"2026-02-22T03:58:38.363Z","0.0.10":"2026-03-06T04:21:04.782Z","0.0.11":"2026-03-06T08:26:26.746Z","0.0.12":"2026-03-14T23:27:52.462Z","0.0.13":"2026-03-15T01:29:47.412Z","0.1.0":"2026-04-14T04:29:11.952Z","0.1.1":"2026-06-23T12:41:20.008Z","0.1.2":"2026-06-27T01:47:36.041Z","0.2.0":"2026-09-27T05:50:42.242Z","0.2.1":"2026-09-27T08:58:40.195Z"},"license":"AGPL-3.0","keywords":["design-system","mcp","model-context-protocol","storybook","tailwind","typescript"],"description":"MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities","maintainers":[{"name":"agiflow-ai","email":"agiflow.ai@gmail.com"}],"readme":"# @agiflowai/style-system\n\n> MCP server for enforcing brand consistency and style guide compliance\n\nHelp AI coding agents follow your company's branding and style guide. style-system ensures AI-generated code uses only approved design tokens, existing components, and adheres to your visual standards.\n\n## Why Use This?\n\nWhen AI agents write frontend code, they don't know your brand guidelines:\n\n- What colors, spacing, and typography are approved?\n- What UI components already exist in your design system?\n- Does the output match your brand's visual identity?\n\nstyle-system solves this by:\n\n1. **Enforcing brand tokens** - Agent uses only approved colors, spacing, and typography from your theme\n2. **Preventing design drift** - Agent discovers existing components instead of creating inconsistent duplicates\n3. **Visual verification** - Agent can preview components to ensure brand alignment\n\n---\n\n## Quick Start\n\n### 1. Requirements\n\n- Node.js >= 22.12\n- MCP-compatible agent (Claude Code, Cursor, Gemini CLI)\n- Chrome browser (recommended) OR Playwright browsers for `get_component_visual` tool\n\n### 2. Configure Your AI Agent\n\nAdd to your MCP config (`.mcp.json`, `.cursor/mcp.json`, etc.):\n\n```json\n{\n  \"mcpServers\": {\n    \"style-system\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"@agiflowai/style-system\", \"mcp-serve\"]\n    }\n  }\n}\n```\n\n### 3. Start Using\n\nYour AI agent now enforces your brand guidelines:\n\n```\nYou: \"Style this button component\"\n\nAgent:\n1. Calls get_css_classes to get your approved design tokens\n2. Writes styles using only brand-approved colors, spacing, typography\n3. Output is consistent with your style guide\n```\n\n---\n\n## Available Tools\n\n| Tool                     | Purpose                                   | When to Use                         |\n| ------------------------ | ----------------------------------------- | ----------------------------------- |\n| `list_themes`            | List available brand themes               | Understanding brand variations      |\n| `get_css_classes`        | Extract approved design tokens from theme | Before writing any styles           |\n| `list_shared_components` | List brand-approved UI components         | Before creating new components      |\n| `list_app_components`    | List app-specific components              | Finding existing branded components |\n| `get_component_visual`   | Render component preview screenshot       | Verifying brand alignment           |\n\n---\n\n## How It Works\n\n```\n┌─────────────────────────────────────────────────────────────┐\n│                     Your AI Agent                           │\n└─────────────────────────────────────────────────────────────┘\n                              │\n         ┌────────────────────┼────────────────────┐\n         ▼                    ▼                    ▼\n  ┌──────────────┐    ┌──────────────┐    ┌──────────────┐\n  │ Before       │    │ Before       │    │ Verifying    │\n  │ Styling      │    │ Creating     │    │ Brand        │\n  │              │    │ Components   │    │ Alignment    │\n  │ get_css_     │    │ list_shared_ │    │ get_         │\n  │ classes      │    │ components   │    │ component_   │\n  │              │    │              │    │ visual       │\n  └──────────────┘    └──────────────┘    └──────────────┘\n         │                    │                    │\n         ▼                    ▼                    ▼\n  ┌──────────────┐    ┌──────────────┐    ┌──────────────┐\n  │ Brand Tokens │    │ Component    │    │ Visual       │\n  │              │    │ Library      │    │ Preview      │\n  │              │    │              │    │              │\n  │ • Colors     │    │ • Buttons    │    │ • Screenshot │\n  │ • Spacing    │    │ • Forms      │    │ • Brand      │\n  │ • Typography │    │ • Layout     │    │   check      │\n  └──────────────┘    └──────────────┘    └──────────────┘\n```\n\n### Workflow Examples\n\n**Enforcing Brand Tokens:**\n\n```\nUser: \"Add hover styles to the card\"\n\nAgent:\n1. get_css_classes → extracts approved design tokens\n2. Sees brand colors: hover:bg-primary, hover:bg-secondary\n3. Applies only brand-approved styles\n```\n\n**Reusing Brand Components:**\n\n```\nUser: \"I need a modal dialog\"\n\nAgent:\n1. list_shared_components tags:[\"ui\"]\n2. Finds: Dialog component at packages/ui/src/Dialog.tsx\n3. Uses existing branded component instead of creating off-brand duplicate\n```\n\n**Verifying Brand Alignment:**\n\n```\nUser: \"Show me the Button variants\"\n\nAgent:\n1. get_component_visual componentName:\"Button\" appPath:\"apps/web\"\n2. Returns: Screenshot showing branded button variants\n3. Agent verifies output matches brand guidelines\n```\n\n---\n\n## Configuration\n\nAdd `style-system` config to your app's `project.json`:\n\n```json\n{\n  \"name\": \"my-app\",\n  \"sourceRoot\": \"apps/my-app/src\",\n  \"style-system\": {\n    \"type\": \"tailwind\",\n    \"themeProvider\": \"@your-org/web-ui\",\n    \"themePath\": \"packages/web-theme/src/theme.css\",\n    \"cssFiles\": [\"src/styles/globals.css\"],\n    \"rootComponent\": \"src/providers/ThemeProvider.tsx\",\n    \"sharedComponentTags\": [\"ui\", \"primitives\"]\n  }\n}\n```\n\n| Setup    | project.json Location           |\n| -------- | ------------------------------- |\n| Monorepo | `apps/my-app/project.json`      |\n| Monolith | `./project.json` (project root) |\n\n### Workspace Defaults (toolkit.yaml)\n\nConfigure workspace-level defaults and custom service overrides in `toolkit.yaml`:\n\n```yaml\nstyle-system:\n  # Default tags for list_shared_components tool\n  sharedComponentTags:\n    - 'ui'\n    - 'primitives'\n\n  # Custom service for get_css_classes tool (optional)\n  getCssClasses:\n    customService: ./my-custom-css-service.ts\n\n  # Custom bundler service for component rendering (optional)\n  bundler:\n    customService: ./my-custom-bundler.ts\n```\n\n| Option                        | Description                                                             |\n| ----------------------------- | ----------------------------------------------------------------------- |\n| `sharedComponentTags`         | Default tags for `list_shared_components` tool                          |\n| `getCssClasses.customService` | Path to custom CSS extraction service (extends `BaseCSSClassesService`) |\n| `bundler.customService`       | Path to custom bundler service (extends `BaseBundlerService`)           |\n\n### Configuration Options\n\n| Option                | Required | Description                                                       |\n| --------------------- | -------- | ----------------------------------------------------------------- |\n| `type`                | Yes      | Style system type: `tailwind` or `shadcn`                         |\n| `themeProvider`       | Yes      | Package or path providing brand theme                             |\n| `themePath`           | No       | Path to brand token CSS file                                      |\n| `cssFiles`            | No       | Additional brand CSS files for rendering                          |\n| `rootComponent`       | No       | Wrapper component for branded previews                            |\n| `tailwindConfig`      | No       | Path to tailwind.config.js (if non-standard)                      |\n| `sharedComponentTags` | No       | Storybook tags for brand components (default: `['style-system']`) |\n| `componentLibrary`    | No       | Component library path (for shadcn type)                          |\n\n---\n\n## Browser Requirements\n\nThe `get_component_visual` tool requires a browser to render and capture component screenshots. The tool automatically detects available browsers in this order:\n\n1. **System Chrome** (recommended) - Uses your installed Chrome browser\n2. **Playwright Chromium** - Playwright's bundled Chromium\n3. **Playwright Firefox** - Playwright's bundled Firefox\n\nIf no browser is found, you'll see an error with installation instructions:\n\n```bash\n# Install Playwright browsers (if Chrome is not available)\nnpx playwright install chromium\n```\n\n---\n\n## Custom CSS Classes Service\n\nFor custom CSS extraction logic, extend `BaseCSSClassesService`:\n\n```typescript\n// my-custom-css-service.ts\nimport { BaseCSSClassesService } from '@agiflowai/style-system';\n\nexport default class MyCustomCSSService extends BaseCSSClassesService {\n  getFrameworkId(): string {\n    return 'my-framework';\n  }\n\n  // Key method to override:\n  async extractClasses(category, themePath) {\n    // Parse your CSS/theme file and return classes by category\n    return {\n      colors: [{ name: 'primary', value: '#007bff' }],\n      typography: [],\n      spacing: [],\n      effects: [],\n    };\n  }\n}\n```\n\nConfigure in `toolkit.yaml`:\n\n```yaml\nstyle-system:\n  getCssClasses:\n    customService: packages/my-app/src/my-custom-css-service.ts\n```\n\n---\n\n## Custom Bundler Service\n\nFor advanced use cases, extend `BaseBundlerService` to customize component rendering:\n\n```typescript\n// my-custom-bundler.ts\nimport { BaseBundlerService } from '@agiflowai/style-system';\n\nexport default class MyCustomBundlerService extends BaseBundlerService {\n  // Key methods to override:\n  async startDevServer(appPath: string) {\n    /* Start dev server */\n  }\n  async serveComponent(options) {\n    /* Serve component via dev server */\n  }\n  async prerenderComponent(options) {\n    /* Build static HTML */\n  }\n  async cleanup() {\n    /* Cleanup resources */\n  }\n}\n```\n\nConfigure in `toolkit.yaml`:\n\n```yaml\nstyle-system:\n  bundler:\n    customService: packages/my-app/src/my-custom-bundler.ts\n```\n\n---\n\n## Server Options\n\n```bash\n# stdio is the only supported transport\nnpx @agiflowai/style-system mcp-serve --type stdio\n```\n\n| Option         | Description                                               | Default |\n| -------------- | --------------------------------------------------------- | ------- |\n| `-t, --type`   | Transport: `stdio`                                        | `stdio` |\n| `--theme-path` | Theme CSS path when app configuration does not define one | —       |\n| `--dev`        | Start Vite dev server; requires `--app-path`              | off     |\n| `--app-path`   | App directory used with `--dev`                           | —       |\n\nAvoid `--dev` when running as a stdio MCP server: its startup messages are written to standard output. Visual rendering executes app code; use trusted workspaces and install the browser prerequisites first.\n---\n\n## Development\n\n```bash\n# Install dependencies\npnpm install\n\n# Build\npnpm build\n\n# Test\npnpm test\n\n# Type check\npnpm typecheck\n```\n\n---\n\n## License\n\n[AGPL-3.0](../../LICENSE)\n","readmeFilename":""}