{"name":"io.github.MerzoukeMansouri/mozaic","slug":"merzoukemansouri-mozaic","title":null,"description":"Mozaic Design System (ADEO): tokens, components, icons, docs and style guides for any agent.","url":"https://mcp.market/server/merzoukemansouri-mozaic","rating":null,"grade":"A","score":92,"certified":false,"status":"active","category":"productivity","tags":["productivity","ai","media"],"presence":{"score":30,"stars":4,"forks":0,"downloads_week":41,"last_push_at":"2026-09-28T12:40:08.000Z","license":"MIT"},"uptime":null,"claimed":false,"transport":"npm","callable_via_gateway":false,"default_price_micros":0,"repository":"https://github.com/MerzoukeMansouri/adeo-mozaic-mcp","website":null,"version":"2.14.3","remotes":[],"packages":[{"registryType":"npm","identifier":"mozaic-mcp-server","version":"2.14.3","transport":{"type":"stdio"}}],"tools":[{"name":"generate_freemarker","description":"Generate ready-to-use Freemarker macro code with import statements and configuration examples for Mozaic components.","write_action":false,"price_micros":0,"input_schema":null},{"name":"generate_react_component","description":"Generate ready-to-use React/TSX code with Mozaic components (@mozaic-ds/react). Returns JSX with proper imports. Use get_component_info first to see available props.","write_action":false,"price_micros":0,"input_schema":null},{"name":"generate_vue_component","description":"Generate ready-to-use Vue 3 code with Mozaic components (@mozaic-ds/vue-3). Returns <template> with proper imports. Use get_component_info first to see available props.","write_action":false,"price_micros":0,"input_schema":null},{"name":"generate_webcomponent","description":"Generate ready-to-use Web Component code using Mozaic Design System (@mozaic-ds/web-components). Returns HTML with custom elements and import statement.","write_action":false,"price_micros":0,"input_schema":null},{"name":"get_component_info","description":"Get Vue/React component details: props (types, defaults, required), slots, events, and code examples. For CSS-only utilities (Flexy, Margin, Padding), use get_css_utility instead.","write_action":false,"price_micros":0,"input_schema":null},{"name":"get_css_utility","description":"Get CSS utility classes and examples for Mozaic layout and spacing utilities. These are CSS-only utilities (no framework component needed). Available: Flexy (flexbox grid), Container, Margin, Padding, Ratio, Scroll.","write_action":false,"price_micros":0,"input_schema":null},{"name":"get_design_tokens","description":"Get Mozaic design tokens with CSS/SCSS variables. Categories: colors (brand, semantic, component), typography (font sizes, weights, line heights), spacing (magic unit scale), shadows, borders, screens (breakpoints), grid (gutters).","write_action":false,"price_micros":0,"input_schema":null},{"name":"get_freemarker_info","description":"Get detailed information about a Freemarker component including configuration options, CSS classes, and usage examples.","write_action":false,"price_micros":0,"input_schema":null},{"name":"get_icon","description":"Get a specific Mozaic icon by name with SVG markup and ready-to-use code for React/Vue. Use search_icons first to find icon names.","write_action":false,"price_micros":0,"input_schema":null},{"name":"get_install_info","description":"Get installation commands and import statements for a Mozaic component. Returns package name, install command (npm/yarn/pnpm), import statements, peer dependencies, and quick start code.","write_action":false,"price_micros":0,"input_schema":null},{"name":"get_style_guide","description":"Get a specific Mozaic style guide pattern by slug: its description, source site, composed component slugs, and the actual screenshot image. Use list_style_guides first to find slugs.","write_action":false,"price_micros":0,"input_schema":null},{"name":"get_webcomponent_info","description":"Get detailed information about a Mozaic Web Component including attributes, slots, events, CSS custom properties, and usage examples.","write_action":false,"price_micros":0,"input_schema":null},{"name":"list_components","description":"List Mozaic Vue/React components by category. Returns component names you can use with get_component_info. For CSS utilities (Flexy, Margin), use list_css_utilities instead.","write_action":false,"price_micros":0,"input_schema":null},{"name":"list_css_utilities","description":"List Mozaic CSS-only utilities (no framework needed). Returns utility names to use with get_css_utility. Layout: Flexy (grid), Container. Utility: Margin, Padding, Ratio, Scroll.","write_action":false,"price_micros":0,"input_schema":null},{"name":"list_freemarker","description":"List available Mozaic Freemarker macros by category. Returns macro names and import paths.","write_action":false,"price_micros":0,"input_schema":null},{"name":"list_style_guides","description":"List Mozaic style guide patterns — real composed UI screens/layouts (not single components) captured from ADEO apps. Optionally filter by category (e.g. data-table, master-detail, modal-confirm) or source site (e.g. elo, sop). Use get_style_guide to see the actual screenshot.","write_action":false,"price_micros":0,"input_schema":null},{"name":"list_webcomponents","description":"List available Mozaic Web Components by category. Returns custom element tag names and descriptions.","write_action":false,"price_micros":0,"input_schema":null},{"name":"search_documentation","description":"Search Mozaic Design System documentation for installation guides, component usage, configuration, styling, tokens, patterns, and best practices. Use this for any question about how to use Mozaic.","write_action":false,"price_micros":0,"input_schema":null},{"name":"search_icons","description":"Search Mozaic Design System icons by name or type. Returns icon names, types (navigation, media, social, payment), and available sizes (16, 24, 32, 48, 64). Use get_icon for detailed SVG/code output.","write_action":false,"price_micros":0,"input_schema":null}],"scan":{"score":92,"grade":"A","scanned_at":"2026-09-28T14:25:13.324Z","report":{"scannerVersion":"0.1.10","scannedAt":"2026-09-28T14:25:13.312Z","components":{"code":{"score":25,"max":25,"notes":["108 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 0 days ago"]},"identity":{"score":8,"max":10,"notes":["registry namespace matches repository owner","GitHub account older than a year"]}},"findings":[],"inputs":{"packages":[{"registryType":"npm","identifier":"mozaic-mcp-server","version":"2.14.3","found":true,"license":"MIT","hasInstallScripts":false,"dependencyCount":14,"publishedAt":"2026-09-28T12:45:05.705Z","repositoryUrl":"git+https://github.com/MerzoukeMansouri/adeo-mozaic-mcp.git","weeklyDownloads":41}],"repo":{"found":true,"owner":"MerzoukeMansouri","repo":"adeo-mozaic-mcp","archived":false,"pushedAt":"2026-09-28T12:40:08Z","stars":4,"forks":0,"openIssues":0,"ownerType":"User","ownerAvatarUrl":"https://avatars.githubusercontent.com/u/102026659?v=4","ownerCreatedAt":"2022-03-21T10:03:53Z"},"icon":{"url":"https://avatars.githubusercontent.com/u/102026659?v=4&s=128","source":"github"},"presence":{"stars":4,"forks":0,"downloadsWeek":41,"license":"MIT","lastPushAt":"2026-09-28T12:40:08.000Z","score":30}}}},"grade_history":[],"reviews":[]}