Crie interfaces com seu agente de programação
Escolha um componente aberto pelo visual e comportamento e deixe seu agente obter o código pelo Fieldbook MCP. Vocês usam o mesmo catálogo, exemplos e orientações de integração.
Conecte e estabeleça o contexto do projeto
Crie uma chave API autorizada no painel e siga o guia de Codex, Claude Code ou Cursor. Peça ao agente para examinar o framework, as convenções visuais e as dependências antes de escolher componentes.
Pesquise pela tarefa da interface
Use search_components com uma descrição de comportamento e o framework. Adicione access: open para componentes abertos. Os resultados incluem URL canônica, nível de acesso e frameworks testados. Compare o comportamento interativo antes de escolher.
search_components {"query":"token budget","framework":"react","access":"open","limit":5}Obtenha a implementação escolhida
Chame get_component com o slug ou número da ficha e o framework. React retorna o componente e a demonstração; os demais retornam sua versão. Examine props, dependências, orientações e limites. Preserve nomes e identificadores técnicos.
get_component {"slug":"token-budget-meter","framework":"react"}Integre e verifique na aplicação
Use get_install_command para instruções do registro ou adapte o código e a demonstração ao projeto. Conecte dados e callbacks, trate carregamento e erros e teste a ação principal no celular e pelo teclado. Revise antes de publicar.
Acesso e custo em créditos
Toda solicitação MCP exige um token bearer. Pesquisa, frameworks e instruções de instalação de componentes abertos são gratuitos com limite de frequência. Um get_component bem-sucedido custa um crédito; generate_design_system custa dois. O proprietário não tem limite de créditos. O código aberto também está no site sem MCP. Uma solicitação de código para membros que a conta não pode obter não consome créditos.
PreçosComece com uma interface completa
- Crie um painel de operações
Combine uma visão analítica, uma tabela com visualizações salvas e uma linha do tempo de auditoria para decisões operacionais diárias.
- Crie um fluxo de integração de equipes
Guie uma nova equipe com uma lista de tarefas, revisão de convites e controles de aplicativos conectados.
- Crie configurações de organização
Combine configurações da organização, matriz de permissões e preferências de notificação com estados claros de revisão e salvamento.
- Crie um espaço de execução de agentes
Reúna progresso, aprovações humanas e citações de fontes para que uma pessoa possa inspecionar e orientar o agente.
Resolva problemas de configuração
- Não autorizado
- Verifique se FIELDBOOK_TOKEN está disponível ao processo do editor e se a chave não foi revogada. Entrar no site não adiciona um token ao cliente MCP.
- Nenhum componente ou framework compatível
- Amplie a pesquisa e consulte list_frameworks. Não invente uma versão ausente. Abra a URL do componente para conferir seu status atual.
- Créditos esgotados ou limite de solicitações
- Confira seu saldo no painel. Ao atingir o limite, aguarde o intervalo informado. Componentes e arquivos ausentes não consomem crédito de obtenção.
As prévias usam dados locais ilustrativos. Não criam bancos, executam agentes, enviam mensagens nem impõem permissões. Obter código confirma a entrega, não uma instalação correta ou um produto concluído.