Learning Prisma Studio

Aprende a convertir ideas en software con IA

La ruta de Prisma Studio enseña cómo salir de briefing, generar app o sitio, editar visualmente, conectar datos y publicar una experiencia funcional.

Prisma Studio es el Studio de creación de AbstractOS: transforma comandos en apps, sitios y prototipos con IA, preview, editor visual, backend y publicación.

Ver guías de la ruta Abrir Prisma Studio

Prisma StudioFluxo pronto

Prisma Studio

Olá, vamos transformar uma ideia em app, site ou protótipo funcional.

Crie um app de gestão de propostas com CRM, pipeline, checkout e área do cliente.

Modernoclaro

CRM para vendas B2BSaaS de métricasMarketplace localAgenda com pagamentos

Créditos

1.240

Apps

Cota semanal

2/5

CRM Imobiliáriodrafthá 8 min

Finance Dashboardpublished/finance-pro

Agenda Clínicadraftontem

Learning Prisma Studio

Qué aprender primero en Prisma Studio

Empieza creando una experiencia simple, después aprende editor, backend, preview, publicación e iteración.

Planificación IA

Transforma una idea vaga en requisitos, alcance y plan antes de generar la app.

Resultado esperado: un flujo de Planificación IA aplicado a una app, sitio, integración o publicación.

Úsalo cuando una idea necesita convertirse en software navegable con alcance, datos, versión, integración o deploy bien definidos.

estructurar alcance técnico
validar antes de publicar

Aprender planificación

App PlanningBlueprint gerado

Template: SaaS AnalyticsBlueprintEstratégiaCusto 10 · Saldo 1.240

Launchpad Chat

Selecione um template ou site

O chat usa o contexto escolhido para montar o plano.

Pergunte sobre escopo...

Roadmap

Nenhum roadmap gerado

Clique em gerar blueprint para receber tarefas de execução.

Starters y templates

Elige el punto de partida correcto para dashboard, landing, CRM, ecommerce y herramientas.

Resultado esperado: un flujo de Starters y templates aplicado a una app, sitio, integración o publicación.

Úsalo cuando una idea necesita convertirse en software navegable con alcance, datos, versión, integración o deploy bien definidos.

estructurar alcance técnico
validar antes de publicar

Aprender templates

Template PickerTemplate selecionado

TemplateGallery37 starters

TodosSaaS / AdminE-commerceMarketingProdutividadeComunidadeNegócios

✦

Começar em branco

Projeto vazio com App.tsx, Tailwind e preview

Modelos recomendados

Minimal

Dashboard Financeiro

SaaS / Admin

24 arquivos

Vibrant

CRM de Vendas

SaaS / Admin

31 arquivos

Minimal

Agenda e Booking

Produtividade

22 arquivos

Dark Pro

Inbox Helpdesk

Produtividade

28 arquivos

rolar galeria

Resumo do blueprint

selecionado

matchCriteriaCRM com funil, contatos e permissões

themeHintvibrant-colorful

base files31 arquivos copiados

App Builder con IA

Describe la app y genera interfaz, componentes, estados y lógica inicial.

Resultado esperado: un flujo de App Builder con IA aplicado a una app, sitio, integración o publicación.

Úsalo cuando una idea necesita convertirse en software navegable con alcance, datos, versión, integración o deploy bien definidos.

estructurar alcance técnico
validar antes de publicar

Aprender app builder

Publicar

ChatLinha do tempoArquivos

Um painel de finanças com gráfico e metas.

Prisma · Gemini

Descreva o aplicativo que deseja criar…

Pré-visualizaçãofinancas.abstract.app

Finanças

Saldo total

R$ 12.480

Receita

+18%

Metas

3/5

Nova meta

Site Builder con IA

Crea páginas, landing pages y experiencias comerciales a partir de briefing.

Resultado esperado: un flujo de Site Builder con IA aplicado a una app, sitio, integración o publicación.

Úsalo cuando una idea necesita convertirse en software navegable con alcance, datos, versión, integración o deploy bien definidos.

estructurar alcance técnico
validar antes de publicar

Aprender site builder

Editor visual · meu-site

Publicar

studiobella.com

SBStudio Bella

SobreServiçosContato

Beleza pra você se sentir bem.

Cortes, finalização e cuidado para um look que dura a semana toda.

Agendar agora →Mais de 200 clientes

Nada selecionado

Cor

Tamanho

28px

Espaçamento

Tudo no editor. Sem código.

Editor visual

Selecciona elementos, ajusta estilo, ve responsividad y refina la interfaz.

Resultado esperado: un flujo de Editor visual aplicado a una app, sitio, integración o publicación.

Úsalo cuando una idea necesita convertirse en software navegable con alcance, datos, versión, integración o deploy bien definidos.

estructurar alcance técnico
validar antes de publicar

Aprender editor visual

Prisma Studio / Modo Designer

button

Comprar agora

button

DesignConteúdoAvançado

NormalHoverFoco

Cor

Espaçamento

12px

margin

Histórico y branches

Prueba cambios, revisa drafts y restaura versiones sin perder la app principal.

Resultado esperado: un flujo de Histórico y branches aplicado a una app, sitio, integración o publicación.

Úsalo cuando una idea necesita convertirse en software navegable con alcance, datos, versión, integración o deploy bien definidos.

estructurar alcance técnico
validar antes de publicar

Aprender versiones

BranchesDiff revisado

3 versões

agoraGPT-4.1+184 -32

Adicionar checkout Stripe ao pricing

18minGemini+42 -11

Corrigir roles no Supabase adapter

1hPrisma+620

Primeiro preview navegável

Files changed+184 -32

components/Pricing.tsx

+82 -12

lib/stripe.ts

+64 -0

app/api/webhooks/route.ts

+38 -20

components/Pricing.tsx

- button label="Assinar"

+ checkout = await stripe.session()

+ Badge plano Pro

@@ webhook route conectado

Supabase y datos

Conecta base, autenticación, tablas y permisos para apps con datos reales.

Resultado esperado: un flujo de Supabase y datos aplicado a una app, sitio, integración o publicación.

Úsalo cuando una idea necesita convertirse en software navegable con alcance, datos, versión, integración o deploy bien definidos.

estructurar alcance técnico
validar antes de publicar

Aprender Supabase

Supabase ConnectRead/write ok

Supabase

Conecte por OAuth para gerar migrations e backend real automaticamente.

Use sua conta Supabase. Nada é colado manualmente.

Escolher existenteCriar novo

OAuth

abstract-crm-prod

xbrlqjyw

sa-east-1

finance-demo

pavmseoa

us-east-1

site-leads

qzleadmn

eu-west-1

Publicación y versiones

Previsualiza, ajusta, publica, descarga o evoluciona la aplicación en ciclos.

Resultado esperado: un flujo de Publicación y versiones aplicado a una app, sitio, integración o publicación.

Úsalo cuando una idea necesita convertirse en software navegable con alcance, datos, versión, integración o deploy bien definidos.

estructurar alcance técnico
validar antes de publicar

Aprender publicación

Publish ChecklistRelease pronto

Publicar

Publicar aplicativo

Arquivos salvos

snapshot atual

Build estática

CDN bundle

Preview final

fluxo revisado

Link público

imob-crm

Preview finalimob-crm

Imob CRM

build estática

Leads

Visitas

Propostas

Checklist visual

aprovando

Salvar projeto

Gerar build estática

Revisar preview

4Publicar link

Deploy en Vercel

Publica apps generados, configura variables y entiende cuándo usar deploy externo.

Resultado esperado: un flujo de Deploy en Vercel aplicado a una app, sitio, integración o publicación.

Úsalo cuando una idea necesita convertirse en software navegable con alcance, datos, versión, integración o deploy bien definidos.

estructurar alcance técnico
validar antes de publicar

Aprender Vercel

Vercel DeployDeployment ready

Vercel

Publique direto na sua conta. Env vars Supabase entram automaticamente.

Avançado

Conectar Vercel

OAuth, sem PAT manual.

Conta conectada

target: production

DeployProgress

SSE

Projeto Vercel
Variáveis de ambiente
Build do app
Upload
Deployaguardando

> installing dependencies

> vite build

✓ compiled successfully

uploading static assets...

Publicado em 54s

imob-crm.vercel.app

GitHub y versionado

Conecta repositorio, commits y branches para llevar apps generados al flujo técnico.

Resultado esperado: un flujo de GitHub y versionado aplicado a una app, sitio, integración o publicación.

Úsalo cuando una idea necesita convertirse en software navegable con alcance, datos, versión, integración o deploy bien definidos.

estructurar alcance técnico
validar antes de publicar

Aprender GitHub

GitHub ConnectAutorizando

GitHub

Publique e sincronize o app direto no repositorio certo do Prisma Studio.

Avancado

Conectar GitHub

OAuth via AbstractOS, sem token colado manualmente.

Retorno ao Studio

connected

OAuth seguro

sem PAT manual

Conta GitHub

vinixnc

Repositorios

listar e vincular

github_link.status = connected

owner: vinixnc

next: escolher repositorio

Stripe y pagos

Conecta productos, precios y checkout para apps que necesitan vender o cobrar suscripciones.

Resultado esperado: un flujo de Stripe y pagos aplicado a una app, sitio, integración o publicación.

Úsalo cuando una idea necesita convertirse en software navegable con alcance, datos, versión, integración o deploy bien definidos.

estructurar alcance técnico
validar antes de publicar

Aprender Stripe

Stripe ConnectConta conectada

Stripe

Conecte sua conta para vender assinaturas, liberar acesso e testar checkout.

Connect

Conectar Stripe

A primeira conexão entra em modo test para validar sem cobrar clientes.

Conta conectada

test

Account ID

acct_1PrismaTest

Modo

test

Webhook

aguardando evento

Export GitHub/ZIP

Lleva el código generado a revisión técnica, versionamiento o deploy externo.

Resultado esperado: un flujo de Export GitHub/ZIP aplicado a una app, sitio, integración o publicación.

Úsalo cuando una idea necesita convertirse en software navegable con alcance, datos, versión, integración o deploy bien definidos.

estructurar alcance técnico
validar antes de publicar

Aprender exportación

Export Center48 arquivos

Arquivos do app

48 files

src/App.tsx

12 KB

src/pages/Dashboard.tsx

18 KB

package.json

deps

.env.example

4 vars

README.md

setup

Checklist de exportacao

Build atual

pnpm run build

Segredos fora

.env.example

README pronto

setup local

export target: github | zip

include: src, package.json, README.md, .env.example

Workspace Skills

Crea instrucciones reutilizables para orientar la IA en patrones, dominios y decisiones recurrentes.

Resultado esperado: un flujo de Workspace Skills aplicado a una app, sitio, integración o publicación.

Úsalo cuando una idea necesita convertirse en software navegable con alcance, datos, versión, integración o deploy bien definidos.

estructurar alcance técnico
validar antes de publicar

Aprender skills

Workspace Skills3 skills ativas

Workspace Skills

top 3 max

CRUD SaaS

workspace

crud, dashboard128 usos

Landing conversao

project

landing, oferta74 usos

LGPD forms

workspace

consentimento22 usos

Filtros reais

enabled

true

scope

project/workspace

trigger_keywords

obrigatorio

MCP y herramientas externas

Conecta clientes y herramientas compatibles con MCP para operar Prisma con contexto externo.

Resultado esperado: un flujo de MCP y herramientas externas aplicado a una app, sitio, integración o publicación.

Úsalo cuando una idea necesita convertirse en software navegable con alcance, datos, versión, integración o deploy bien definidos.

estructurar alcance técnico
validar antes de publicar

Aprender MCP

MCP ServerServidor conectado

MCP Server

Conecte um servidor que expõe tools e dados para a IA do AbstractOS.

Protocolo

URL do servidor

https://mcp.empresa.com/sse

Credencial

token criptografado

Escopo exposto

tools definidas no servidor

Tools descobertas

8 tools

list_customers

read

create_ticket

write

query_orders

read

delete_user

blocked

Comunidad y remix

Explora templates públicos, remixa apps y adapta para tu propio caso de uso.

Resultado esperado: un flujo de Comunidad y remix aplicado a una app, sitio, integración o publicación.

Úsalo cuando una idea necesita convertirse en software navegable con alcance, datos, versión, integración o deploy bien definidos.

estructurar alcance técnico
validar antes de publicar

Aprender remix

Community Showcase24 templates

Comunidade Prisma

RecentesPopulares120 apps

SaaS CRM

popular18 remixes

Agenda Pro

recent9 remixes

Portal LMS

education12 remixes

Finance Ops

dashboard7 remixes

Prisma StudioFluxo pronto

Prisma Studio

Olá, vamos transformar uma ideia em app, site ou protótipo funcional.

Crie um app de gestão de propostas com CRM, pipeline, checkout e área do cliente.

Modernoclaro

CRM para vendas B2BSaaS de métricasMarketplace localAgenda com pagamentos

Créditos

1.240

Apps

Cota semanal

2/5

CRM Imobiliáriodrafthá 8 min

Finance Dashboardpublished/finance-pro

Agenda Clínicadraftontem

Mockup animado de Prisma

Flujo recomendado de aprendizaje

El mockup animado muestra prompt, generación, preview, ajuste visual y publicación en el flujo de Prisma Studio.

Escribe un briefing claro

Define objetivo, usuario, páginas, datos y resultado esperado antes de generar.

Genera la primera versión

Usa el agente para crear estructura, interfaz y comportamiento inicial.

Edita visualmente

Ajusta layout, copy, colores y responsividad con preview e inspector.

Publica e itera

Convierte el prototipo en URL funcional y sigue refinando con base en uso.

¿Para qué sirve Prisma Studio?

Sirve para crear apps, sitios y prototipos con IA a partir de lenguaje natural, con preview, editor visual y publicación.

¿Necesito saber programar?

No para empezar. Prisma Studio fue pensado para transformar briefing en experiencia funcional, pero usuarios técnicos también pueden refinar con más precisión.

¿Prisma se conecta con otros Studios?

Sí. Apps y páginas creadas en Prisma pueden apoyar marketing, ventas, operación interna y flujos de AbstractOS.

AbstractOS

Empieza por la idea, no por el código.

Usa esta ruta para estructurar un briefing y Prisma Studio para convertirlo en software navegable.

Ver guías de la ruta Abrir Prisma Studio