CommunityImagemgithub.com

ThemeForge Pro / Agent Kit

Transforme um site HTML (escrito à mão, por você ou exportado de um construtor) em um tema WordPress com administração editável, usando atributos ThemeForge. Use quando a pessoa quiser seu site estático ou gerado por IA no WordPress, solicitar um 'tema WordPress a partir deste HTML', quiser que o cliente edite textos, imagens, listas, menus ou produtos no admin do WordPress, ou mencionar ThemeForge. Abrange o mapa do site, a colocação de atributos fld-/opt-/tax-/wp-, a verificação da marcação com o validador gratuito e a entrega do site para a construção.

O que é Agent Kit?

Este skill capacita agentes de IA a converterem sites HTML estáticos em temas WordPress clássicos e totalmente editáveis por meio do ThemeForge. O processo envolve a anotação do HTML com atributos especiais (fld-* para campos de página, opt-* para configurações globais, tax-* para categorias e wp-* para funcionalidades nativas do WordPress), que o gerador do ThemeForge transforma em campos administráveis e modelos de página. O fluxo de trabalho é dividido em cinco etapas: concordar o mapa do site, buscar as regras atualizadas da documentação online (https://themeforge.pro/ai), marcar o HTML incrementalmente, validar a marcação gratuitamente via API ou script local e entregar o projeto para geração final do tema. O skill enfatiza que as regras de marcação devem ser buscadas a cada sessão, não confiando em memória ou no próprio arquivo de skill, e suporta módulos opcionais como blog, CPT, WooCommerce e implantação automática.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/themeforge-pro/agent-kit/tree/HEAD/skills/themeforge-markup

Installed? Explore more Imagem skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Marcação ThemeForge

O ThemeForge constrói um tema WordPress clássico a partir de HTML estático. Você marca as partes editáveis com atributos HTML: fld-* para campos de uma página, opt-* para configurações do site inteiro, tax-* para campos de uma categoria, wp-* para o próprio WordPress (posts, menus, produtos). O gerador transforma-os em campos de administração, modelos de página e as telas de admin que o dono do site edita. O design permanece da pessoa.

As regras estão em https://themeforge.pro/ai e mudam com o gerador. Não marque de memória ou a partir deste arquivo: busque as regras a cada sessão. Este skill apenas informa a ordem do trabalho.

1. Combine o mapa do site primeiro

Antes de escrever a marcação, responda com um mapa do site e aguarde confirmação:

  • cada arquivo de página com seu slug (index.html, menu.html, contacts.html…) — o nome do arquivo decide o template do WordPress, então blog.html é uma página chamada blog, não o feed do blog;
  • tipos de conteúdo: posts do blog, produtos, seus próprios tipos e suas categorias;
  • o que é do site inteiro (cabeçalho, rodapé, contatos) — vai para theme-options.html;
  • idiomas.

2. Busque as regras que você precisa

GET https://themeforge.pro/ai              a página de entrada: leia-a primeiro
GET https://themeforge.pro/ai?m=core       sempre, antes de qualquer marcação
GET https://themeforge.pro/ai?m=build      quando você GERA o site em vez de anotar um
GET https://themeforge.pro/ai?m=<módulo>   páginas · blog · cpt · woocommerce · deploy · legado

Carregue apenas os módulos que este site precisa: um café sem loja nunca lê woocommerce.

3. Marque enquanto avança

Atribua cada seção enquanto a escreve ou lê, não em uma segunda passada. As verificações que pegam a maioria dos erros, nas palavras das regras:

  • toda página tem wp-fields-group no <body>, ou não recebe campos;
  • todo campo tem um nome; um link e sua legenda têm nomes diferentes (Botão / Texto do botão);
  • em uma lista (fld-loop) cada cartão carrega os atributos, não apenas o primeiro;
  • campos do site inteiro são declarados em theme-options.html.

4. Verifique, gratuitamente e sem conta

Envie o conjunto completo de páginas em uma única requisição e repita até "ok": true:

POST https://themeforge.pro/api/validate-markup
Content-Type: application/json

{"pages":[{"name":"index.html","html":"…"},{"name":"theme-options.html","html":"…"}]}

Ou execute node scripts/validate.mjs <pasta-do-site> a partir deste kit. error quebra o tema, warning significa que algo é silenciosamente descartado, hint é bom saber. Nada é armazenado.

5. Entregue

Siga ?m=deploy: um único ZIP com o conteúdo do site (index.html na raiz). A pessoa envia para um projeto em https://themeforge.pro, abre o admin do WordPress do tema no navegador gratuitamente e baixa o tema com uma assinatura. Se eles fornecerem o id do projeto e o token, o módulo deploy mostra como construir o tema via HTTP você mesmo.

Referências

Habilidades Relacionadas