{"name":"io.github.freema/mcp-design-system-extractor","slug":"freema-mcp-design-system-extractor","title":null,"description":"MCP server for Storybook design systems — extract component HTML, styles and metadata.","url":"https://mcp.market/server/freema-mcp-design-system-extractor","rating":null,"grade":"A","score":85,"certified":false,"status":"active","category":"scraping","tags":["scraping","media"],"presence":{"score":44,"stars":69,"forks":14,"downloads_week":193,"last_push_at":"2026-09-19T11:39:34.000Z","license":"MIT"},"uptime":null,"claimed":false,"transport":"npm","callable_via_gateway":false,"default_price_micros":0,"repository":"https://github.com/freema/mcp-design-system-extractor","website":null,"version":"1.2.0","remotes":[],"packages":[{"registryType":"npm","registryBaseUrl":"https://registry.npmjs.org","identifier":"mcp-design-system-extractor","version":"1.2.0","transport":{"type":"stdio"},"environmentVariables":[{"description":"Base URL of the Storybook instance (default: http://localhost:6006)","name":"STORYBOOK_URL"},{"description":"Set to 0 to allow self-signed certificates on the Storybook host","name":"NODE_TLS_REJECT_UNAUTHORIZED"},{"description":"Set to true for verbose logging on stderr","name":"DEBUG"}]}],"tools":[{"name":"get_component_dependencies","description":"Analyze rendered HTML to find which other components a given component internally uses by detecting React components, web components, and CSS class patterns","write_action":false,"price_micros":0,"input_schema":null},{"name":"get_component_html","description":"Extract HTML from a component. Default is async (returns job_id, poll with job_status). Set async=false for sync mode. Use variantsOnly=true to get variant list.","write_action":false,"price_micros":0,"input_schema":null},{"name":"get_external_css","description":"Extract design tokens from CSS files. DEFAULT BEHAVIOR: Returns ONLY tokens and file statistics (small response ~1-3K tokens). Does NOT return CSS content by default to avoid token limits. For full CSS content, explicitly set includeFullCSS=true and maxContentSize. Perfect for analyzing design system tokens without hitting response size limits.","write_action":false,"price_micros":0,"input_schema":null},{"name":"get_theme_info","description":"Get design system theme information (colors, spacing, typography, breakpoints)","write_action":false,"price_micros":0,"input_schema":null},{"name":"job_cancel","description":"Cancel a queued or running job. Returns whether the cancellation was successful.","write_action":true,"price_micros":0,"input_schema":null},{"name":"job_list","description":"List all jobs with their status. Shows what each job is processing and whether it is still running.","write_action":false,"price_micros":0,"input_schema":null},{"name":"job_status","description":"Check the status of an async job. Returns status, progress, and result when completed. Poll this endpoint to get results from get_component_html.","write_action":false,"price_micros":0,"input_schema":null},{"name":"list_components","description":"List all UI components available in your design system/Storybook. Returns components like modals, dialogs, buttons, forms, cards, etc. with their names, categories, and variant count. Use this to explore what components are available for building UI features. Use category=\"all\" or omit category parameter to list all components. Supports pagination to handle large component libraries.","write_action":false,"price_micros":0,"input_schema":null},{"name":"search_components","description":"Search design system components by name, title, category, or purpose. Find UI components like modals, dialogs, buttons, forms, cards, etc. Supports text search (query) and semantic search by purpose. Available purposes: \"form inputs\", \"navigation\", \"feedback\", \"data display\", \"layout\", \"buttons\", \"progress\", \"media\". Supports pagination for large result sets.","write_action":false,"price_micros":0,"input_schema":null}],"scan":{"score":85,"grade":"A","scanned_at":"2026-09-24T21:40:39.346Z","report":{"scannerVersion":"0.1.9","scannedAt":"2026-09-24T21:40:39.330Z","components":{"code":{"score":20,"max":25,"notes":["2 source files scanned"]},"reliability":{"score":-1,"max":20,"notes":["no gateway calls yet and no remote to probe"]},"poisoning":{"score":-1,"max":15,"notes":["tools not inspected (local package is not executed); not counted"]},"auth":{"score":12,"max":15,"notes":["local package, no credentials required"]},"maintenance":{"score":15,"max":15,"notes":["last push 5 days ago"]},"identity":{"score":8,"max":10,"notes":["registry namespace matches repository owner","GitHub account older than a year"]}},"findings":[{"id":"exec.eval","severity":"medium","component":"code","title":"eval / new Function used","evidence":"dist/index.js: …ode, sch); const makeValidate = new Function(`${names_1.default.self}`, `${names_1.de…"}],"inputs":{"packages":[{"registryType":"npm","identifier":"mcp-design-system-extractor","version":"1.2.0","found":true,"license":"MIT","hasInstallScripts":false,"dependencyCount":4,"publishedAt":"2026-07-27T10:42:36.842Z","repositoryUrl":"git+https://github.com/freema/mcp-design-system-extractor.git","weeklyDownloads":193}],"repo":{"found":true,"owner":"freema","repo":"mcp-design-system-extractor","archived":false,"pushedAt":"2026-09-19T11:39:34Z","stars":69,"forks":14,"openIssues":0,"ownerType":"User","ownerAvatarUrl":"https://avatars.githubusercontent.com/u/2912985?v=4","ownerCreatedAt":"2012-11-28T15:30:50Z","license":"MIT"},"icon":{"url":"https://avatars.githubusercontent.com/u/2912985?v=4&s=128","source":"github"},"presence":{"stars":69,"forks":14,"downloadsWeek":193,"license":"MIT","lastPushAt":"2026-09-19T11:39:34.000Z","score":44}}}},"grade_history":[],"reviews":[]}