accueil / serveurs / Dev & Code / io.github.mahmoudilyan/marmo-ui
io.github.mahmoudilyan/marmo-ui
serveur MCP (Model Context Protocol) · design-system-mcp 1.1.0
Référencé dans l'annuaire. Seul le pentest comportemental fait foi, et il n'a pas encore été exécuté sur ce serveur.
Est-ce que io.github.mahmoudilyan/marmo-ui est sûr ?
Au dernier audit MCP Hub, le serveur MCP « io.github.mahmoudilyan/marmo-ui » est classé « Non encore testé ». Référencé dans l'annuaire. Seul le pentest comportemental fait foi, et il n'a pas encore été exécuté sur ce serveur. Le verdict est réévalué en continu ; consultez la fiche pour l'état à jour.
Méthode : MCP Hub analyse la description de chaque outil (couche 1) et, pour le verdict fort, exécute le serveur dans une micro-VM isolée avec leurres et réseau bloqué (couche 2). On publie des noms et des compteurs, jamais le contenu brut renvoyé par un outil.
Les 14 outils
- deploy_prototype≈ 126 tokens
Register a prototype for sharing and get a share URL. Reviewers can leave inline comments via the Marmo overlay.
Paramètres, retour & exemple (3)
Paramètrestitle· string · optionnel
Human-readable prototype titledeployUrl· string · optionnel
Deployed URL if already liveprototypeId· string · requis
Unique prototype identifier (slug)
Exemple d'appel{"name": "deploy_prototype", "arguments": {"prototypeId": "texte"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - generate_component≈ 179 tokens
Validate and optionally save a custom component for the authenticated tenant. Runs review_generated_code validation before persisting. Use for AI-generated or customized components.
Paramètres, retour & exemple (4)
Paramètrescode· string · requis
Generated TSX code using @marmoui/ui primitivessave· boolean · optionnel
Save as tenant component override if validation passesdescription· string · requis
What the component should docomponentName· string · requis
PascalCase component name, e.g. CustomStatCard
Exemple d'appel{"name": "generate_component", "arguments": {"code": "texte", "description": "texte", "componentName": "texte"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - get_agent_connect_config≈ 93 tokens
Returns ready-to-paste MCP configuration for Cursor, Claude Code, or Codex. Use on the Connect page or when setting up a new project.
Paramètres, retour & exemple (1)
Paramètresclient· string · optionnel · cursor | claude | codex
Target agent client. Omit to get all configs.
Exemple d'appel{"name": "get_agent_connect_config", "arguments": {"client": "cursor"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - get_component_info≈ 146 tokens
Get exact props (with types and defaults), code examples, composition patterns, and common mistakes for a single @marmoui/ui component. REQUIRED before using any component for the first time in a session — prevents hallucinated props (e.g. variant="danger" on Badge, size="lg" on Text) that fail at build time.
Paramètres, retour & exemple (1)
ParamètrescomponentName· string · requis
Name of the component to get information about (e.g. "Button", "Card", "Input")
Exemple d'appel{"name": "get_component_info", "arguments": {"componentName": "texte"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - get_design_guidelines≈ 340 tokens
MANDATORY FIRST CALL before writing any @marmoui/ui code in this session. Returns a step-by-step generation checklist (which tools to call, in what order), critical rules (no namespace sub-components, PageSection is self-closing, no Sidebar export), component patterns, and ICON LIBRARY RULES. Pass iconLibrary (default "phosphor"; also "material" | "lucide" | "tabler" | "heroicons" | "feather") to get that library's import source, icon name map, and weight/style mapping — and pass the SAME value to review_generated_code so it enforces it. Ask the user which icon library they want before writing UI code. Call topic="patterns" to get the generation checklist specifically.
Paramètres, retour & exemple (2)
Paramètrestopic· string · optionnel · all | imports | styling | icons | patterns | accessibility
Specific guideline topic (default: "all")iconLibrary· string · optionnel · phosphor | material | lucide | tabler | heroicons | feather
Icon library the agent should import from. Default: "phosphor". Ask the user which library they want before writing UI code; if they have no preference, omit this and the default (Phosphor) applies. Supported: phosphor, material, lucide, tabler, heroicons, feather.
Exemple d'appel{"name": "get_design_guidelines", "arguments": {"topic": "all", "iconLibrary": "phosphor"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - get_design_md≈ 149 tokens
Generate a portable DESIGN.md for the authenticated tenant — brand color, type, tokens, and component inventory — that any AI agent can read to generate on-brand UI. Pass format="markdown" (default) for the DESIGN.md string or format="json" for structured data. Output is deterministic for a given tenant.
Paramètres, retour & exemple (1)
Paramètresformat· string · optionnel · markdown | json
Output format. "markdown" returns the DESIGN.md string; "json" returns structured data.
Exemple d'appel{"name": "get_design_md", "arguments": {"format": "markdown"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - get_knowledge_version≈ 108 tokens
Returns the MCP knowledge version: gitSha, indexedAt, componentCount, patternCount, uptimeSeconds. Call this ONCE per session before generating UI code so you know how fresh the design-system data is. Cheap to call. If gitSha is "unknown" or indexedAt is far in the past, surface that to the user before relying on the data.
Paramètres, retour & exemple (0)
Exemple d'appel{"name": "get_knowledge_version", "arguments": {}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - get_pattern≈ 312 tokens
Get a complete, validated composition example for a common UI pattern. Available: app-layouts (ASK USER which of 4 layout ids before any full page), app-shell, confirmation-dialog, dialogs-for-other-actions, data-table-with-filters, form-with-validation, posthog-tracking. Call app-layouts first for full pages — returns layout selection flow + AppLayout usage. Pass iconLibrary (default "phosphor") so the usage note tells you which icon import source to rewrite the pattern's icons to. Returns code + inline validation report. Call with no arguments to list all patterns.
Paramètres, retour & exemple (2)
ParamètrespatternId· string · optionnel
Pattern identifier, e.g. "app-shell", "data-table-with-filters", "confirmation-dialog", "dialogs-for-other-actions". Omit to list all available patterns.iconLibrary· string · optionnel · phosphor | material | lucide | tabler | heroicons | feather
Icon library the caller is using. Default: "phosphor". The returned usage note tells the agent which icon import source to use, and the inline validation enforces it. Supported: phosphor, material, lucide, tabler, heroicons, feather.
Exemple d'appel{"name": "get_pattern", "arguments": {"patternId": "texte", "iconLibrary": "phosphor"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - get_prototype_feedback≈ 102 tokens
Fetch inline comments from a shared prototype as structured data and Markdown. Pull into Cursor/Claude to iterate on feedback.
Paramètres, retour & exemple (2)
ParamètresprototypeId· string · requis
Prototype ID/slug to fetch feedback forincludeResolved· boolean · optionnel
Exemple d'appel{"name": "get_prototype_feedback", "arguments": {"prototypeId": "texte"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - get_tenant_theme≈ 68 tokens
Returns the authenticated tenant's customized theme tokens, CSS variables export, and component overrides. Call after auth to apply tenant-specific styling in generated code.
Paramètres, retour & exemple (0)
Exemple d'appel{"name": "get_tenant_theme", "arguments": {}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - list_components≈ 128 tokens
List all available @marmoui/ui components with names, descriptions, categories, and prop counts. Use to discover what exists. Prefer `search_components` when you already know the use case (form, table, dialog, etc.).
Paramètres, retour & exemple (2)
Paramètresstatus· string · optionnel
Filter by status (e.g., "stable", "beta")category· string · optionnel
Filter by category (e.g., "Components", "Layout")
Exemple d'appel{"name": "list_components", "arguments": {"status": "texte", "category": "texte"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - review_generated_code≈ 379 tokens
⚠️ MANDATORY — call this on every piece of code you generate before returning it to the user. Validates TSX/JSX against real @marmoui/ui prop signatures and returns { valid, errors[], warnings[], suggestedFixes[], iconLibrary }. Catches: (1) unknown imports, (2) Tabs.List/Tabs.Trigger namespace misuse → auto-suggests TabsList/TabsTrigger fix, (3) PageSection used as wrapper (must be self-closing), (4) hallucinated props, (5) icons imported from the wrong icon library (pass iconLibrary — default "phosphor" — matching what you passed to get_design_guidelines; wrong-library icon imports are ERRORS). If valid=false, fix all errors and call this again. DO NOT return code with errors to the user.
Paramètres, retour & exemple (3)
Paramètrescode· string · requis
The complete TSX/JSX code you just generated. Must import from @marmoui/ui.context· string · optionnel
Optional: describe what the code is supposed to do (e.g. "settings page with tabs"). Helps produce more targeted feedback.iconLibrary· string · optionnel · phosphor | material | lucide | tabler | heroicons | feather
Icon library the code must import icons from. Default: "phosphor". Pass the SAME value you passed to get_design_guidelines. When set, imports from any other icon library are reported as ERRORS. Supported: phosphor, material, lucide, tabler, heroicons, feather.
Exemple d'appel{"name": "review_generated_code", "arguments": {"code": "texte"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - search_components≈ 145 tokens
Search @marmoui/ui by keyword (e.g. "form", "table", "dialog", "avatar"). Preferred discovery tool — returns the 5-8 most relevant components for a need. Call this before `get_component_info` when unsure which component to use.
Paramètres, retour & exemple (2)
Paramètreslimit· number · optionnel
Maximum results to return (default: 10)query· string · requis
Search query — matches against component names, descriptions, categories, and prop names
Exemple d'appel{"name": "search_components", "arguments": {"query": "texte"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - validate_component_usage≈ 224 tokens
Validate a TSX/JSX snippet against real @marmoui/ui prop signatures. Returns `{valid, issues[]}`. Prefer `review_generated_code` for post-generation review (it also auto-fixes namespace patterns and suggests related patterns). Use this tool when validating user-provided or existing code rather than newly generated code.
Paramètres, retour & exemple (2)
Paramètrescode· string · requis
TSX/JSX code snippet to validate against @marmoui/uiiconLibrary· string · optionnel · phosphor | material | lucide | tabler | heroicons | feather
Optional: icon library the code must import icons from. Default: "phosphor". When set, imports from any other icon library are reported as errors. Supported: phosphor, material, lucide, tabler, heroicons, feather.
Exemple d'appel{"name": "validate_component_usage", "arguments": {"code": "texte"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]}
C'est votre serveur ?
Revendiquez-le sur l'espace créateur (preuve GitHub, domaine ou npm) pour afficher le badge « propriétaire vérifié » et lancer un pentest comportemental à la demande afin d'obtenir le badge « Vérifié ».