Como funciona Exemplos Documentação Preços Blog WP Blocks Instalar grátis
PARA DESENVOLVEDORES Execute aplicativos construídos com IA no seu site WordPress: eles leem seus posts, páginas e usuários reais e executam em sandbox, portanto um aplicativo quebrado não consegue danificar seu site.

WordPress como um alvo de deploy para Claude Code, Cursor e Codex.

Bridge tipado para dados reais do WP. Autenticação App-Password em dez segundos. Deploy atômico com um comando CLI. Escolha o modo iframe para bundles não confiáveis ou o modo inline quando você quer SEO nativo e rotas do site.

Referência da CLI Bridge client no GitHub

Como pensar sobre isso

WordPress como um runtime, como Chrome executa extensões ou Figma executa plug-ins.

DesignSetGo Apps é um plugin WordPress. Os aplicativos que você envia através dele não são plug-ins. Eles são bundles estáticos em sandbox (HTML, JS, CSS, WASM) mais um manifesto dsgo-app.json. O runtime os carrega, os coloca em sandbox e lhes fornece dados do WordPress através de uma ponte tipada. O app nunca vê um token REST.

O runtime

WordPress, mais este plug-in.

Inicia o app, impõe a CSP, gerencia a autenticação e executa a ponte. O mesmo papel que Chrome desempenha para extensões.

O app

Um pacote estático com um manifesto.

O que quer que seu build emita, além de dsgo-app.json declarando permissões. Sem PHP, sem processo compartilhado. Fica em /apps/{slug}.

A ponte

Uma API postMessage tipada.

O app solicita posts, páginas, o usuário atual, armazenamento, capacidades. O runtime garante o que cada app está autorizado a ver.

A mudança em uma linha: tudo o que você costumava publicar como plugin WordPress com confiança total (uma calculadora, um portal, um painel, uma ferramenta de IA) passa a ser um bundle em sandbox com permissões declaradas. A categoria sobrevive. O modelo de segurança se inverte.

O ciclo

Do init até live em três comandos.

O CLI gera um modelo mínimo por padrão, ou um modelo Astro com --astro para apps multi-página. Qualquer pacote estático funciona. Ele autentica com uma WordPress Application Password e faz push do bundle; cada deploy subsequente é uma atualização atômica no mesmo app id.

1 Gere

Inicie um novo app.

Um único index.html, um dsgo-app.json configurado, e um AGENTS.md (com uma importação CLAUDE.md) documentando a superfície da ponte. Sem passo de build necessário, faz deploy como está. Adicione --astro para o modelo multi-página (fluxos de reserva, portais de membros, assistentes de intake).

designsetgo apps init my-app
2 Autentique-se

Faça login uma vez.

Usa WordPress Application Passwords, integradas ao core, com escopo, revogáveis. As credenciais são armazenadas em ~/.config/designsetgo/credentials.json com permissões 0600.

designsetgo apps login
3 Implante

Coloque no ar.

Faz bundle do diretório, mostra o diff de capacidades, e substitui atomicamente o bundle no site. Re-execute quando quiser, mesmo app id, sem downtime. Para o modelo Astro, passe --build para que o CLI execute npm run build primeiro.

designsetgo apps deploy

O cliente da ponte

Sem infraestrutura REST. Sem boilerplate de autenticação.

O pacote @designsetgo/app-client oferece acesso tipado ao seu site WordPress. Mesma superfície em modo inline (mesma janela) e modo iframe (entre frames); o transporte é selecionado automaticamente.

src/app.ts · @designsetgo/app-client TS
// Read posts, pages, the current user, and per-app storage.
// The bridge handles auth + REST behind the scenes.

import { dsgo } from "@designsetgo/app-client";
await dsgo.ready;

// Site context
const site = await dsgo.site.info();

// Real posts, filtered by what the current user can see
const { posts } = await dsgo.posts.list({
    type: "recipe",
    orderby: "date",
    order: "desc",
    per_page: 10,
});

// Logged-in user, and what they're allowed to do
const me = await dsgo.user.current();
if (await dsgo.user.can("edit_posts")) {
    // show the editor-only UI
}

// Per-app, per-user persistent storage; survives reloads
await dsgo.storage.user.set("favourites", [42, 88]);

O que seu agente de IA vê

Um AGENTS.md e um CLAUDE.md em cada modelo.

O iniciador vem com um manual de extensão completo na raiz do projeto. AGENTS.md é o arquivo canônico neutro em relação ao fornecedor; Codex, Cursor, Aider e qualquer ferramenta que siga a convenção agents.md leem diretamente. CLAUDE.md é uma importação @-de-uma-linha do AGENTS.md, para que Claude Code pegue o mesmo conteúdo sem duplicação ou desvio.

Claude Code

CLAUDE.md automaticamente, que @-importa AGENTS.md. designsetgo apps init + abrir em Claude Code é o caminho de menor resistência.

Codex CLI

AGENTS.md como contexto do projeto; essa é a convenção que a memória de projeto do Codex usa. Já está em vigor, nada para renomear.

Cursor / Aider

Ambos vêm com suporte nativo à convenção AGENTS.md; o mesmo arquivo os alimenta também.

Outros agentes

Passe AGENTS.md como contexto adicional. A especificação da ponte é neutra em relação ao fornecedor; não há acoplamento específico de Anthropic no tempo de execução.

Pacote de habilidades de agente

Ensine ao agente a ponte antes o projeto existir.

AGENTS.md responde ao agente uma vez que ele está dentro de um projeto DSGo. O pacote de habilidades DSGo responde durante a entrada: instalado no nível do usuário, para que o agente já conheça o esquema de manifesto, cada método dsgo.*, e o loop CLI antes que apps init seja executado.

installs across every supported agent SH
npx skills add DesignSetGo/skills
  • building-dsgo-apps Estruturação, a escolha inline-vs-iframe, layout do projeto.
  • dsgo-manifest Cada campo de dsgo-app.json: rotas, permissões, segredos, trabalhos agendados, webhooks.
  • dsgo-bridge-api Cada método dsgo.*, seu gate de permissão, sua forma de código de erro.
  • deploying-dsgo-apps O loop @designsetgo/cli, deploys de visualização, CI com autenticação de variável de ambiente.
  • dsgo-abilities Publicando habilidades de volta para o site, consumindo habilidades, invocação de ferramenta dsgo.ai.prompt.

Modos de isolamento

Inline para páginas rastreáveis. Iframe para artefatos prontos.

Mesmo formato de pacote, mesma ponte, renderização diferente. Os aplicativos declaram qual eles desejam no manifesto. Consulte How it works para compreender o trade-off mais profundo.

Inline (padrão)

Página WordPress real, SEO nativo.

Renderiza em /apps/{slug}/{route} com rotas de múltiplas páginas via routes, nonces de CSP por requisição, sanitização em tempo de instalação, envolvimento opcional com cabeçalho/rodapé do tema, e inclusão automática de sitemap. Escolha isso para aplicativos com muito conteúdo.

Iframe

Sandbox de origem opaca.

O app renderiza dentro de um <iframe sandbox> sem allow-same-origin, dando-lhe uma origem opaca. Single-page, não rastreável, ideal para artefatos Claude drop-in e bundles nos quais você quer a garantia de isolamento mais forte.

Licença + preço

CLI deploy é um recurso Pro.

O cliente bridge (@designsetgo/app-client) e CLI (@designsetgo/cli) são licenciados sob MIT no GitHub. O tempo de execução do plugin é um arquivo zip; a versão Free hospeda bundles carregados, mas não pushes CLI; portanto, a implantação CLI requer um plano pago. Ver preços

Três comandos

Abra Claude Code. Lance um app WP real.

O starter vem com o bridge digitado conectado e um AGENTS.md documentando cada método. designsetgo apps init --astro adiciona Astro para apps multi-page.

zsh · ~/my-app
$ npm i -g @designsetgo/cli
$ designsetgo apps init my-mortgage --astro
  ✓ scaffolded · 12 files · 5 kB
$ designsetgo apps login --site example.com
  ✓ stored credentials
$ designsetgo apps deploy --site example.com
  ✓ live at example.com/apps/my-mortgage
  └ permissions: read_content, send_messages