Créez des interfaces avec votre agent de programmation
Choisissez un composant ouvert pour son apparence et son comportement, puis laissez votre agent récupérer son code via Fieldbook MCP. Vous utilisez le même catalogue, les mêmes exemples et les mêmes conseils d’intégration.
Connecter et définir le contexte du projet
Créez une clé API autorisée dans votre tableau de bord et suivez le guide Codex, Claude Code ou Cursor. Demandez à l’agent d’examiner le framework, les conventions visuelles et les dépendances avant de choisir.
Chercher selon la tâche de l’interface
Utilisez search_components avec une description du comportement et le framework. Ajoutez access: open pour un composant ouvert. Les résultats incluent l’URL canonique, le niveau d’accès et les frameworks testés. Comparez le comportement interactif avant de choisir.
search_components {"query":"token budget","framework":"react","access":"open","limit":5}Récupérer l’implémentation choisie
Appelez get_component avec le slug ou le numéro de fiche et le framework. React renvoie composant et démonstration ; les autres renvoient leur version. Examinez les props, dépendances, conseils et limites. Conservez les noms et identifiants techniques.
get_component {"slug":"token-budget-meter","framework":"react"}Intégrer et vérifier dans votre application
Utilisez get_install_command pour les instructions du registre ou adaptez le code et la démonstration. Connectez données et callbacks, gérez chargement et erreurs, puis testez l’action principale sur mobile et au clavier. Examinez les changements avant publication.
Accès et coût en crédits
Chaque requête MCP nécessite un jeton bearer. Recherche, frameworks et instructions d’installation des composants ouverts sont gratuits avec limitation de fréquence. Un get_component réussi coûte un crédit ; generate_design_system en coûte deux. Le propriétaire est sans limite de crédits. Le code ouvert est aussi disponible sur le site sans MCP. Une demande de code membre que le compte ne peut pas obtenir ne consomme aucun crédit.
TarifsPartir d’une interface complète
- Créer un tableau de bord opérationnel
Réunissez une vue analytique, un tableau à vues enregistrées et une chronologie d’audit pour les décisions opérationnelles quotidiennes.
- Créer un parcours d’accueil d’équipe
Guidez une nouvelle équipe avec une liste de tâches, la vérification des invitations et la gestion des applications connectées.
- Créer les paramètres d’une organisation
Réunissez paramètres d’organisation, matrice des permissions et préférences de notification avec des états clairs de vérification et d’enregistrement.
- Créer un espace d’exécution d’agent
Réunissez progression, approbations humaines et citations pour permettre à une personne d’examiner et de diriger le travail de l’agent.
Résoudre les problèmes de configuration
- Accès non autorisé
- Vérifiez que FIELDBOOK_TOKEN est disponible dans le processus de l’éditeur et que la clé n’est pas révoquée. Une connexion au site n’ajoute pas de jeton au client MCP.
- Aucun composant ou framework adapté
- Élargissez la recherche et consultez list_frameworks. N’inventez pas de version absente. Ouvrez l’URL du composant pour vérifier son état actuel.
- Crédits épuisés ou limite de fréquence
- Consultez votre solde dans le tableau de bord. En cas de limitation, attendez l’intervalle indiqué. Les composants et fichiers absents ne consomment pas de crédit de récupération.
Les aperçus utilisent des données locales illustratives. Ils ne créent pas de bases, n’exécutent pas d’agents, n’envoient pas de messages et ne font pas respecter les permissions. La récupération confirme la livraison du code, pas une installation réussie ni un produit terminé.