Plataforma
Blocks: capacidades com um clique para a entrega séria de software com IA
As partes difíceis de um produto real — pagamentos, autenticação, dados, IA — chegam como capacidades governadas que ativa, não fins de semana que perde.
Os Blocks são as capacidades com um clique do Ciao: pagamentos, backend, importação do Figma, funcionalidades de IA e integrações que se instalam numa aplicação como código real e editável. Ao contrário de plugins de marketplace que se acoplam a uma plataforma fechada, um Block torna-se parte da sua base de código — ligado ao seu modelo de dados, coberto por QA e Guardrails, e possuído por si como tudo o resto que o Ciao gera.
Publicado 2026-07-03 · Última atualização 2026-07-03
As partes difíceis, tornadas instaláveis
Todo o produto real esbarra nas mesmas paredes: precisa de receber dinheiro, guardar dados com segurança, iniciar sessão de utilizadores, talvez responder a perguntas com IA. Nenhuma destas é o que torna o seu produto seu — mas cada uma pode consumir semanas e introduzir exatamente a categoria de erro que não pode dar-se ao luxo de ter. Na maioria dos construtores de apps, a resposta é um marketplace de plugins; o plugin funciona até precisar que faça algo ligeiramente diferente, e então descobre que não o consegue abrir.
Os Blocks são a resposta do Ciao: capacidades com um clique — pagamentos, backend, importação do Figma, funcionalidades de IA, integrações — que se instalam na sua aplicação como código real e editável, ligado ao seu modelo de dados e coberto pelo mesmo QA, testes de segurança e governança que tudo o resto que constrói.
Os blocks
Cinco capacidades cobrem a maior parte do que transforma uma app num produto.
Pagamentos
Checkout, subscrições e recibos com Stripe, com modos de teste e produção separados — ligados à sua própria conta Stripe.
Backend
Autenticação, Postgres, armazenamento de ficheiros, segurança ao nível da linha e APIs com Supabase — a camada de dados que toda a app séria precisa.
Importação do Figma
Traga designs e transforme-os em ecrãs funcionais suportados por dados reais, refinados no Builder.
Funcionalidades de IA
Adicione assistentes, resumo, extração e outras capacidades de IA ao seu próprio produto, correndo através do sistema de modelos multi-fornecedor do Ciao.
Integrações
Ligue os sistemas com que o seu negócio já opera, com regras de acesso e visibilidade de auditoria aplicadas.
Como funciona adicionar um block
Adicionar um block é uma alteração como qualquer outra — o que é exatamente o objetivo.
1. Adicione-o com um clique
Escolha o block e o Ciao gera o código e a ligação à sua aplicação — componentes, peças de backend, configuração.
2. Chega como código, num branch
Um block chega como qualquer alteração: nativo em branches, revisível, reversível. Nada é acoplado fora da base de código.
3. Configure em linguagem simples
Descreva os seus produtos e preços, o seu modelo de dados, os seus fluxos. O block adapta-se à sua aplicação em vez do contrário.
4. Os gates aplicam-se
As repetições de QA e as sondagens de segurança cobrem a nova capacidade antes de poder publicar — um fluxo de pagamentos é testado como um fluxo de pagamentos.
5. Estenda-o como o seu próprio código — porque é
O inspect-to-prompt numa página de checkout funciona exatamente como em qualquer outro ecrã. Seis meses depois, o block é apenas parte do seu produto.
Porque é que isto importa
A diferença entre um plugin e um block é o que acontece seis meses depois. Um plugin é uma fronteira: a sua personalização termina onde a página de definições dele termina. Um block é um ponto de partida: código real no seu repositório que cresce com o produto — e sai consigo se exportar, porque possui 100% do código.
Os Blocks também mantêm o ciclo de entrega honesto. Uma capacidade de pagamentos que saltasse a revisão e os testes seria o código mais arriscado na sua aplicação; aqui é coberta como tudo o resto, e o Guardrails trata as áreas que toca como as zonas protegidas que são.
Os Blocks também são como um workspace se acumula. A segunda aplicação não começa do zero: os pagamentos, o backend e as integrações são decisões já tomadas, testadas e governadas uma vez, depois aplicadas de novo. Para uma agência, isso é margem; para uma equipa interna, é a diferença entre um backlog de pedidos e um portefólio de ferramentas lançadas.
Notas de segurança e governança
- ✓ Os Blocks instalam-se como React, TypeScript e Supabase padrão que você possui.
- ✓ Cada block chega a um branch e passa pelos mesmos gates que alterações pedidas manualmente.
- ✓ Os pagamentos ligam-se à sua própria conta Stripe — os fundos fluem para si.
- ✓ As funcionalidades de IA correm sob contratos de modelo com retenção zero, como o resto da plataforma.
- ✓ As credenciais de integração são armazenadas por ambiente, nunca fixas no código gerado.
- ✓ As regras de acesso e o registo de auditoria apenas de acréscimo aplicam-se automaticamente a capacidades adicionadas por blocks.
Plugin de marketplace vs block do Ciao
O modelo de plugin e o modelo de block divergem no dia em que precisa de algo que a página de definições não oferece.
| Plugin de marketplace | Block do Ciao | |
|---|---|---|
| O que obtém | Um componente selado com definições | Código real na sua aplicação |
| Personalização | O que as definições expõem | Qualquer coisa — é o seu código |
| Testes | Confiar no fornecedor | Coberto por repetições de QA e sondagens de segurança |
| Propriedade | Termina com a plataforma | Exportável com o resto da sua app |
| Governança | Fora do seu processo de revisão | As mesmas políticas do Guardrails que qualquer alteração |
Perguntas frequentes
Os blocks são editáveis, ou selados como plugins?
Editáveis. Um block gera código React, TypeScript e Supabase real na sua aplicação, e a partir desse momento é seu para mudar — em conversa através do Builder ou diretamente no código.
Os blocks passam por revisão e testes?
Sim. Um block chega a um branch como qualquer alteração, as políticas do Guardrails aplicam-se às áreas que toca, e as repetições de QA e sondagens de segurança cobrem a nova capacidade antes da publicação. Pagamentos e autenticação recebem mais escrutínio, não menos.
Que blocks existem?
Pagamentos (com Stripe), backend (com Supabase), importação do Figma, funcionalidades de IA e integrações. Os blocks de pagamentos, backend e importação do Figma têm cada um uma página dedicada com os detalhes.
O que acontece a um block se exportarmos o código?
Exporta com tudo o resto. Os Blocks são código padrão sem runtime proprietário, para que o checkout, o backend e as integrações continuem a funcionar no seu próprio repositório.
Como começamos?
Self-serve com créditos: construa a app, adicione blocks à medida que o produto precisa deles. Os programas de produção sérios começam em 10.000 USD por ano — a página de preços tem os detalhes.