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.