io.github.ConanMcN/fragments-mcp

Est-ce que io.github.ConanMcN/fragments-mcp est sûr ?

Au dernier audit MCP Hub, le serveur MCP « io.github.ConanMcN/fragments-mcp » est classé « Vérifié ». Aucun comportement malveillant détecté au test comportemental. 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.

Versions auditées & empreintes

Vérifiez la version que vous utilisez : son empreinte doit correspondre à celle listée ici — sinon vous n'utilisez pas la version auditée.

⚠ La dernière version publiée (1.1.4) n'a pas encore été auditée. Un nouveau pentest est programmé ; les verdicts ci-dessous portent sur les versions listées.

Vous utilisez ce serveur ? Suivez-le (créez un compte) pour être alerté dès qu'une nouvelle version paraît ou que le verdict change.

Les 6 outils

• fragments_discover≈ 429 tokens

  Discover components in the design system. Use with no params to list all components. Use 'useCase' for AI-powered suggestions. Use 'component' to find alternatives. Use 'compact' for a token-efficient overview.

  Paramètres, retour & exemple (11)

  Paramètres

  • limit · number · optionnel
    Maximum number of results to return (default: 10 for useCase mode)
  • format · string · optionnel · markdown | json
    Output format for context mode (default: markdown)
  • search · string · optionnel
    Search term to filter by name, description, or tags
  • status · string · optionnel · stable | beta | deprecated | experimental
    Filter by component status
  • compact · boolean · optionnel
    If true, returns minimal output (just component names and categories)
  • useCase · string · optionnel
    Description of what you want to build — returns ranked suggestions (e.g., "form for user email input", "button to submit data")
  • category · string · optionnel
    Filter by category (e.g., "actions", "forms", "layout")
  • component · string · optionnel
    Component name to find alternatives for (e.g., "Button")
  • verbosity · string · optionnel · compact | standard | full
    Response detail level: "compact" (names only), "standard" (default), "full" (everything including code)
  • includeCode · boolean · optionnel
    If true, includes code examples for each variant
  • includeRelations · boolean · optionnel
    If true, includes component relationships

  Exemple d'appel

  {"name": "fragments_discover", "arguments": {"limit": 1, "format": "markdown", "search": "texte", "status": "stable", "compact": true, "useCase": "texte"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• fragments_inspect≈ 309 tokens

  Get detailed information about a specific component: props, usage guidelines, code examples, accessibility — all in one call. Use 'fields' to request only specific data for token efficiency.

  Paramètres, retour & exemple (6)

  Paramètres

  • fields · array · optionnel
    Specific fields to return (e.g., ["meta", "guidelines.when", "contract.propsSummary", "props", "examples"]). If omitted, returns everything. Supports dot notation. Aliases: "usage" → "guidelines".
  • variant · string · optionnel
    Filter examples to a specific variant name (e.g., "Default", "Primary")
  • maxLines · number · optionnel
    Maximum lines per code example (truncates longer examples)
  • component · string · requis
    Component name (e.g., "Button", "Input")
  • verbosity · string · optionnel · compact | standard | full
    Response detail level: "compact" (meta + prop names), "standard" (default), "full" (everything)
  • maxExamples · number · optionnel
    Maximum number of code examples to return (default: all)

  Exemple d'appel

  {"name": "fragments_inspect", "arguments": {"component": "texte"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• fragments_blocks≈ 281 tokens

  Search and retrieve composition blocks — named patterns showing how design system components wire together for common use cases (e.g., "Login Form", "Settings Page"). Returns the block with its code pattern.

  Paramètres, retour & exemple (6)

  Paramètres

  • name · string · optionnel
    Exact block name to retrieve (e.g., "Login Form")
  • limit · number · optionnel
    Maximum number of blocks to return (default: all matching)
  • search · string · optionnel
    Free-text search across block names, descriptions, tags, and components
  • category · string · optionnel
    Filter by category (e.g., "authentication", "marketing", "dashboard", "settings", "ecommerce", "ai")
  • component · string · optionnel
    Filter blocks that use a specific component (e.g., "Button")
  • verbosity · string · optionnel · compact | standard | full
    Response detail level: "compact" (no code), "standard" (default, code preview for long blocks), "full" (full code)

  Exemple d'appel

  {"name": "fragments_blocks", "arguments": {"name": "texte", "limit": 1, "search": "texte", "category": "texte", "component": "texte", "verbosity": "compact"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• fragments_tokens≈ 201 tokens

  List available CSS design tokens (custom properties) by category. Use this when you need to style custom elements or override defaults — no more guessing variable names. Filter by category or search by keyword.

  Paramètres, retour & exemple (3)

  Paramètres

  • limit · number · optionnel
    Maximum number of tokens to return per category (default: 25 for search, unlimited for category browsing)
  • search · string · optionnel
    Search token names (e.g., "accent", "hover", "padding")
  • category · string · optionnel
    Filter by category (e.g., "colors", "spacing", "typography", "surfaces", "shadows", "radius", "borders", "text", "focus", "layout", "code", "component-sizing")

  Exemple d'appel

  {"name": "fragments_tokens", "arguments": {"limit": 1, "search": "texte", "category": "texte"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• fragments_implement≈ 212 tokens

  One-shot implementation helper. Describe what you want to build and get everything needed in a single call: best-matching component(s) with full props and code examples, relevant composition blocks, and applicable CSS tokens. Saves multiple round-trips.

  Paramètres, retour & exemple (3)

  Paramètres

  • limit · number · optionnel
    Maximum number of components to return (default: 5)
  • useCase · string · requis
    What you want to implement (e.g., "login form", "data table with sorting", "streaming chat messages")
  • verbosity · string · optionnel · compact | standard | full
    Response detail level: "compact" (names only), "standard" (default), "full" (all props + examples + full block code)

  Exemple d'appel

  {"name": "fragments_implement", "arguments": {"useCase": "texte"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• fragments_graph≈ 273 tokens

  Query the component relationship graph. Understand dependencies, impact analysis, composition trees, alternatives, and design system health. Use "health" for an overview, "dependencies"/"dependents" for composition and declared relationships (not code-level imports), "impact" for change analysis, "composition" for compound component trees.

  Paramètres, retour & exemple (5)

  Paramètres

  • mode · string · requis · dependencies | dependents | impact | path | composition | alternatives | islands | health
    Query mode
  • target · string · optionnel
    Target component for "path" mode
  • maxDepth · number · optionnel
    Max traversal depth for impact mode (default: 3)
  • component · string · optionnel
    Component name (required for most modes)
  • edgeTypes · array · optionnel
    Filter by edge types (imports, hook-depends, renders, composes, parent-of, alternative-to, sibling-of)

  Exemple d'appel

  {"name": "fragments_graph", "arguments": {"mode": "dependencies"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

Badge pour votre README

Ce serveur a passé le pentest comportemental. Le badge porte son nom et renvoie à cette fiche — la preuve, c'est la fiche (verdict live qu'on contrôle), pas l'image.

[![Vérifié par MCP Hub](https://dokore.fr/badge/io.github.conanmcn--fragments-mcp.svg)](https://dokore.fr/serveur/io.github.conanmcn--fragments-mcp)

<a href="https://dokore.fr/serveur/io.github.conanmcn--fragments-mcp"><img src="https://dokore.fr/badge/io.github.conanmcn--fragments-mcp.svg" alt="Vérifié par MCP Hub" height="20"></a>

Réévalué en continu : si le comportement change, le verdict tombe et le badge disparaît. Un badge qui ne pointe pas vers une fiche dokore.fr ne prouve rien. Comment ça marche

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é ».

Créer un compte / revendiquer →

Source

@fragments-sdk/mcp@0.5.7