blueprint-modular
Blueprint Modular
Un instrument ne se contente pas d'afficher une valeur — il porte un jugement.

Blueprint Modular n'est pas un énième UI kit. C'est une bibliothèque
d'instruments : 104 composants métier appelables comme des fonctions,
dont une classe porte la primitive de jugement partagée
interpret(value, context) — écart au repère, tendance, anomalie, sévérité.
La sémantique est unique, pure, et vérifiée par le convergence gate.
Quick start
pip install blueprint-modularimport bpm
bpm.metric(label="Chiffre d'affaires", value=125000, delta="+12%")Blueprint Modular expose une surface Python de composants bpm.* (metric, table, badge, live_gauge…), miroir fonctionnel de la surface React. Documentation : https://blueprint-modular.com
Related MCP server: open-design-system-mcp-starter
Vivant
Vitrine — https://blueprint-modular.com
App de démonstration — https://app.blueprint-modular.com
Connecteur MCP (lecture seule, sans auth) —
https://mcp.blueprint-modular.com/api/mcp· doc https://blueprint-modular.com/mcp
Installer
React / TypeScript (npm)
npm install @blueprint-modular/core// Toujours en namespace — ne jamais destructurer.
import { bpm } from '@blueprint-modular/core'
import '@blueprint-modular/core/dist/style.css'Python (PyPI)
pip install blueprint-modular
bpm run app.pyIntégration complète (CSS, Tailwind, SSR, API des composants) :
packages/core/USAGE.md. Référence machine pour
agents : public/llms.txt.
Preuve — convergence gate
npm run gateUne commande valide toute la surface : types (tsc), build (vite),
synchro doc, smoke render de chaque bpm.*, et snapshot des props
(toute suppression/renommage = échec — garantie θ-additive).
Écosystème
Blueprint Maker — du prompt à l'app
Next.js, en composants bpm.*. Modular est le substrat ; Maker le fabrique.
Aller plus loin
Positionnement — https://blueprint-modular.com/presentation
Catalogue MCP —
docs/MCP_CONNECTOR.mdRéférence machine — https://blueprint-modular.com/llms.txt
Licence
@blueprint-modular/core : Apache-2.0 · blueprint-modular (PyPI) : Apache-2.0
Available Tools
4 toolsget_componentDétail d'un composantARead-only
Retourne le détail complet d'un composant : description, props/types, exemple d'usage, composants associés/parents et couche sémantique (rôle, frame Ω, type d'indicateur, directionnalité, guidance agent — valeurs proposées, ontologie curée par l'humain). À UTILISER après list/search pour obtenir la signature exacte ET le sens du composant avant de générer du code. Le nom accepte 'bpm.metric' ou 'metric'.
Inputs: name (required).
list_componentsLister les composantsARead-only
Liste les composants du design system Blueprint Modular (nom + description en une ligne). À UTILISER pour parcourir le catalogue ou découvrir ce qui existe dans une catégorie donnée. Résultat paginé par curseur (réutiliser 'nextCursor' pour la page suivante). Catégories : Affichage de données, Feedback, Graphiques, IA & Spécialisés, Identification & traçabilité, Interaction, Mise en page, Média, Navigation, Utilitaires.
Inputs: cursor, category.
search_componentsRechercher des composantsARead-only
Recherche les composants pertinents pour une requête en texte libre (match sur nom, description, catégorie et tags), triés par pertinence. À UTILISER quand on cherche un composant par fonction ou mot-clé (ex. 'tableau triable', 'graphique', 'upload fichier'). Résultat paginé par curseur.
Inputs: query (required), cursor.
suggest_compositionSuggérer une compositionARead-only
Suggère une liste de composants Blueprint Modular répondant à un besoin décrit en langage naturel, en raisonnant sur la couche sémantique (rôle, frame Ω, guidance) : chaque suggestion explicite son sens (meaning) et ses associations sémantiques (pairWith). À UTILISER pour partir d'une intention d'écran (ex. 'un dashboard avec des métriques et un graphique') et obtenir les briques pertinentes. Réponse bornée.
Inputs: need (required), limit.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
TDQS
Scored across 4 tools
The tools are mostly distinct: list_components and search_components both return component lists but differ in browsing vs. keyword search, and their descriptions clearly define when to use each. get_component and suggest_composition serve unique roles, so confusion is minimal.
All tool names follow a consistent verb_noun pattern with lowercase and underscores: list_components, search_components, get_component, suggest_composition. The slight variance in nouns (components, component, composition) is semantically justified and does not break the pattern.
Four tools is well-scoped for a design system component catalog: browse, search, fetch details, and semantic composition suggestion. Each earns its place and the count feels neither thin nor bloated.
The set covers the full read-only lifecycle of the domain: discovering components (list/search), retrieving deep detail (get_component), and translating an intent into a component set (suggest_composition). No obvious gaps exist for a reference server.
Maintenance
Related MCP Connectors
Read-only catalog of app-building materials: fonts, APIs, MCP servers, libraries, templates, data.
Software component catalog: search your org's services, docs, APIs, dependencies, and ownership.
Candor UI docs and component suggestions. Read-only, no key, never serves paid source.
500+ typed UI atoms an agent composes into real rendered interfaces. Free, no API key.
Related MCP Servers
- AlicenseAqualityCmaintenanceRead-only MCP server that exposes a design system's tokens, components, conventions, and deprecations as queryable tools, enabling agents to look up canonical values, assess change impact, and detect hardcoded value drift.83 npmMIT
- AlicenseNot gradedqualityBmaintenanceProvides a real API for coding agents to look up design system components, props, and tokens, preventing guessed answers.9MIT
- AlicenseNot gradedqualityBmaintenanceMCP server for the NS UI React component registry. Search components, inspect source and details, list categories, get install commands, and retrieve design-token conventions.17 npm43MIT
- FlicenseNot gradedqualityAmaintenanceGrounds coding agents' UI work in real product screens by exposing catalogue tools that return reference screens as inline images, license-cleared fonts and icons, and the recorded design system behind a web screen, alongside a bundled design-skill workflow, resources, and token-free diagnostics. It runs as a hosted HTTP service with account-key access or as a local stdio adapter that also serves the skill documents and playbook prompts.-