Qué puede hacer POM Site Authoring y cómo pedirlo
POM Site Authoring te ayuda a diseñar, construir, mejorar y revisar sitios web de WordPress hechos con POM Theme y POM AI. Guía al agente hacia el constructor nativo del sitio, sus ajustes y las plantillas reutilizables para que el resultado siga siendo editable en WordPress.
Esta guía está pensada para propietarios de sitios, diseñadores y editores de contenido que quieren describir un resultado en lenguaje corriente. No necesitas escribir JSON ni elegir herramientas MCP individuales. La skill proporciona las instrucciones de trabajo; el MCP conectado, el acceso autorizado al navegador o una instalación local autorizada proporcionan la capacidad de actuar.
Antes de empezar
Sigue Instalar la skill POM Site Authoring para conectar tu cliente e instalar la skill, o cárgala para la conversación actual. En el sitio web, activa POM AI MCP en Settings → POM AI → AI Tools y utiliza los permisos y los controles de escritura adecuados para tu tarea.
Indica el nombre del sitio web de destino, sobre todo cuando tu conexión puede alcanzar varios sitios. Pide al agente que inspeccione primero sus capacidades: las operaciones disponibles dependen de los productos instalados en el destino, de las funciones activadas, de la conexión y de los permisos. Poder listar un sitio no equivale a tener permiso para editarlo todo en él.
El acceso al navegador es necesario para inspeccionar el resultado renderizado y, en algunas tareas, para usar el editor instalado. Proporciona tus activos de marca y tus datos empresariales reales antes de pedir contenido terminado.
Capacidades y peticiones de ejemplo
Cada ejemplo asume que has seleccionado el sitio web previsto. El agente debe inspeccionar y reutilizar el contenido, los estilos y los ajustes existentes antes de añadir sustitutos.
| Qué puedes pedir | Qué cubre la skill | Petición de ejemplo |
|---|---|---|
| Inspeccionar un sitio web | Identificar su editor, páginas, módulos POM, ajustes y acciones de autoría disponibles. | «Inspecciona este sitio y explica qué puedes editar a través de esta conexión. No cambies nada.» |
| Diseñar un sitio web o una página | Conectar el objetivo del visitante con la estructura de la página, la tipografía, el color, las imágenes y una siguiente acción clara. | «Prepara un borrador de sitio web para nuestro estudio de arquitectura usando la identidad suministrada. Incluye Inicio, Proyectos, Servicios y Contacto.» |
| Crear o editar contenido | Trabajar con páginas, entradas, tipos de contenido personalizados compatibles y bloques reutilizables, preservando el formato de edición instalado. | «Crea una página de Servicios en borrador con módulos POM editables. Reutiliza las descripciones de servicios existentes.» |
| Refinar un diseño existente | Mejorar la jerarquía, el espaciado, la alineación, el tratamiento de imágenes, los textos y las llamadas a la acción dentro del alcance acordado. | «Pule esta página de aterrizaje preservando su identidad, URL y contenido factual.» |
| Mejorar los diseños móviles | Revisar el orden de columnas, los tamaños de tipografía, el espaciado, los recortes de imagen y la usabilidad de los controles en los tamaños de área de visualización relevantes. | «Mejora el diseño móvil de esta página, incluida su cabecera y la acción de contacto. Preserva el diseño de escritorio.» |
| Preparar imágenes y medios | Reutilizar activos de la biblioteca, subir archivos suministrados y establecer títulos, leyendas, texto alternativo e imágenes destacadas compatibles. La generación de imágenes requiere una herramienta separada, disponible y autorizada. | «Elige imágenes adecuadas de la biblioteca de medios para estas secciones y escribe un texto alternativo descriptivo.» |
| Configurar la navegación y las áreas compartidas | Trabajar con las opciones nativas de cabecera, los menús de escritorio y móvil, el contenido reutilizable del pie de página y las asignaciones compatibles de página de inicio, página de entradas o página de privacidad. | «Simplifica el menú principal y construye un pie de página con nuestros datos de contacto y enlaces legales suministrados.» |
| Estructurar contenido reutilizable | Usar tipos de contenido personalizados, taxonomías y campos compatibles, reutilizando el modelo existente del sitio cuando sea posible. | «Organiza nuestros proyectos por categoría y añade campos para la ubicación y la superficie útil. Inspecciona primero la estructura existente.» |
| Construir plantillas de contenido | Definir un archivo para la página de listado, una plantilla de feed para cada tarjeta de resultado y una plantilla de artículo individual para cada página de detalle. | «Dale a Proyectos un listado, una tarjeta de resultado y un diseño de detalle de proyecto coherentes.» |
| Crear listados filtrables | Combinar consultas nativas, búsqueda, filtros, ordenación, contadores, controles de restablecimiento y paginación, con la configuración de indexación necesaria. | «Construye un catálogo de proyectos con filtros de categoría, búsqueda por palabra clave, contadores de resultados y un estado vacío claro.» |
| Construir formularios nativos | Configurar campos compatibles, columnas, pasos, mensajes de validación, botones, texto de consentimiento y ajustes de destinatario. | «Crea un formulario de solicitud de presupuesto con estos campos, este texto de consentimiento y este destinatario aprobado. No lo envíes.» |
| Ajustar los ajustes del tema | Aplicar tipografía, colores, botones, ajustes de cabecera y funciones POM opcionales compatibles a través de los ajustes del sitio. | «Aplica nuestra paleta y tipografía suministradas de forma coherente a titulares, enlaces y botones.» |
| Configurar controles de contacto y cookies | Configurar acciones nativas de teléfono, WhatsApp o correo electrónico y los controles de cookies disponibles usando los servicios reales del sitio y la información de privacidad suministrada. | «Añade nuestras acciones de contacto de teléfono y WhatsApp usando los números proporcionados. Revisa los ajustes de cookies en función de los servicios que realmente usamos.» |
| Refinar CSS y asignaciones de activos | Preferir los controles nativos y, a continuación, usar CSS con alcance, estilos de componente u hojas de estilo con nombre cuando sean compatibles. Asignar scripts ya presentes en el catálogo del tema. | «Ajusta el espaciado de esta tarjeta con el cambio de estilo más pequeño adecuado y preserva las reglas existentes.» |
| Revisar la experiencia del visitante | Inspeccionar páginas completas, diseños de escritorio y móvil, orden de lectura, legibilidad, foco de teclado, enlaces y estados relevantes de formularios o filtros. | «Audita el recorrido de consulta completo sin editarlo. Muestra las mejoras más útiles con evidencias.» |
| Reanudar un proyecto más grande | Usar planes de sitio guardados para seguir los pasos compatibles, inspeccionar el progreso y continuar sin repetir a ciegas operaciones ya completadas. | «Reanuda el plan de sitio guardado, comprueba lo que ya se ha aplicado y continúa desde el siguiente paso incompleto.» |
La skill funciona con el POM Page Builder instalado y las interacciones nativas. Los menús existentes, las cabeceras fijas, las galerías, los formularios y los filtros deben usar su comportamiento compatible. No añade un framework de frontend separado ni un script de filtrado personalizado.
Para pies de página nuevos, normalmente usa una fila de pie de página habilitada que contiene un bloque reutilizable cuyo diseño interno permanece editable en el constructor. Un pie de página existente se conserva salvo que su reemplazo forme parte de tu petición.
Haz una petición útil
- Selecciona la skill y el destino. En Codex, menciona
$pom-site-authoring; en Claude Code, usa/pom-site-authoring. También puedes pedir explícitamente al agente que use POM Site Authoring. Incluye el dominio del sitio web y la página o zona que hay que cambiar. - Explica el resultado. Describe tu negocio, tu audiencia y la acción que los visitantes deben realizar, como solicitar un presupuesto o encontrar un proyecto.
- Proporciona el material de origen. Suministra textos aprobados, datos factuales, activos de marca y referencias visuales útiles. Identifica cualquier cosa que el agente deba preservar.
- Establece el alcance y el estado de publicación. Indica si quieres una revisión, un borrador, una edición de una página publicada existente o una publicación. Nombra cualquier ajuste o plantilla compartida que pueda cambiarse.
- Especifica la verificación. Pide las comprobaciones relevantes de escritorio y móvil, los enlaces y los estados de interacción. Completa cualquier revisión de escritura que requiera la conexión de tu sitio.
Por ejemplo:
Usa POM Site Authoring en [website domain]. Crea una página de Servicios para [business] dirigida a [audience], con el objetivo de [visitor action]. Usa los textos suministrados y las imágenes de nuestra biblioteca de medios. Preserva el logotipo, la paleta y las URL existentes. Edita solo esta página y deja los ajustes compartidos sin cambios. Mantenla en borrador, verifica el diseño completo en escritorio y móvil, e informa de cualquier cosa que no hayas podido comprobar.
Después puedes refinar el resultado con un seguimiento concreto:
Mantén la estructura actual. Acorta la introducción, da más énfasis al botón de contacto principal y reduce el espaciado entre tarjetas de servicio en móvil.
Elige cuánto puede cambiar el agente
Un alcance claro ayuda a distinguir una propuesta útil de una instrucción para aplicarla. Estas frases pueden añadirse a cualquier encargo:
| Alcance previsto | Frase que usar |
|---|---|
| Solo revisión | «Inspecciona y recomienda mejoras. No cambies el sitio.» |
| Una página | «Aplica los cambios solo a esta página. Preserva las plantillas compartidas, los menús y los ajustes globales.» |
| Borrador nuevo | «Créalo como borrador y no lo publiques ni lo añadas a la navegación.» |
| Cambios de diseño compartidos | «Actualiza la cabecera y el pie de página compartidos en todo el sitio, usando el diseño y los datos de contacto suministrados.» |
| Publicación | «Publica esta página después de que pasen las comprobaciones acordadas y añádela al menú especificado.» |
| Comprobación de entrega del formulario | «Envía una prueba usando estos valores de prueba a este destinatario aprobado y, a continuación, informa del resultado observado.» |
El contenido nuevo debe permanecer en borrador salvo que se autorice la publicación. Los cambios en páginas publicadas existentes, plantillas activas, menús o ajustes globales pueden afectar al sitio en vivo de inmediato. El estado de borrador de un bloque reutilizable no lo convierte en una vista previa segura si un pie de página o una plantilla en vivo ya renderiza ese bloque.
Tu petición define el trabajo, mientras que las capacidades del sitio web, los alcances y los controles de escritura determinan lo que puede ejecutarse. Una instrucción de publicar no omite una revisión exigida por el servidor.
Comprueba el resultado
El resultado esperado es contenido POM editable y una explicación clara de lo que ha cambiado. Pide al agente que proporcione las páginas o plantillas afectadas, su estado de publicación y las comprobaciones que realmente ha completado.
Revisa el recorrido completo del visitante, incluida la cabecera, el cuerpo de la página, el pie de página y cualquier página de detalle enlazada. Las comprobaciones relevantes incluyen:
- Reabrir el contenido guardado en su editor previsto y confirmar que su estructura sigue siendo editable.
- Inspeccionar los diseños de escritorio y móvil en cuanto a orden de lectura, desbordamiento, espaciado, recortes de imagen y legibilidad.
- Seguir los enlaces de navegación y contacto; comprobar el foco del teclado y los controles usados en el recorrido solicitado.
- Para listados, probar la búsqueda, los filtros, la ordenación, el restablecimiento, la paginación y los resultados vacíos cuando corresponda.
- Para formularios, inspeccionar la retroalimentación de campos obligatorios. Trata la entrega como una comprobación separada que necesita un envío autorizado y evidencias de su resultado.
El informe debe distinguir los resultados observados del comportamiento no verificado. La emulación del área de visualización del navegador no es una prueba en un teléfono real, y un guardado correcto no es una prueba de que todas las interacciones del visitante funcionen.
Límites importantes
- El acceso proviene de la conexión. Instalar la skill no concede acceso al sitio web, no activa una licencia de producto ni habilita todas las operaciones. Las acciones no compatibles deben notificarse en lugar de eludirse.
- La compatibilidad con el editor nativo importa. Crear marcado de bloque estático puede requerir el editor de bloques realmente instalado para serializarlo y verificarlo. El acceso solo MCP puede ser insuficiente para terminar esa tarea de forma fiable.
- La autoría en JavaScript está excluida. La skill puede asignar scripts existentes del catálogo cuando son compatibles, pero no crea ni modifica JavaScript ni instala nuevas bibliotecas de scripts.
- La autoría de sitios web tiene un alcance definido. Las cuentas de usuario, contraseñas, roles y la administración de permisos están excluidas. La skill no despliega código de plugin o tema de reemplazo.
- Los datos empresariales y legales deben venir de ti. El agente debe identificar los detalles que faltan en lugar de inventar afirmaciones, información de contacto o texto legal terminado. Configurar un banner de cookies no establece el cumplimiento legal.
- Los listados públicos necesitan contenido adecuado. Un listado basado en contenido publicado no puede verificarse por completo usando solo registros en borrador. Cualquier publicación necesaria para la verificación debe estar dentro del alcance acordado.
- Los planes registran el progreso. Un plan guardado no es una copia de seguridad ni una reversión automática. Descartar un plan no deshace los cambios ya aplicados al sitio web.
Solución de problemas
El agente ve varios sitios o selecciona el equivocado. Proporciona el dominio de destino exacto y pídele que confirme el objetivo antes de continuar. Actualiza el descubrimiento para ese destino; una conexión de red o de cuenta puede exponer un conjunto de operaciones distinto al de una conexión directa al sitio.
Una función solicitada no está disponible. Pide al agente que identifique la función, herramienta o permiso POM que falta. Puede que un administrador autorizado deba habilitar la función relevante, conceder el acceso apropiado o completar el paso en la interfaz nativa. No asumas que instalar la skill la habilita.
Una escritura se rechaza o necesita revisión. Sigue Habilitar escrituras y los requisitos indicados por la conexión. Actualiza el estado actual antes de reintentar un cambio conflictivo.
El agente no puede inspeccionar la página visualmente. Proporciona acceso autorizado al navegador o solicita un resultado parcial claramente etiquetado. El informe debe indicar qué diseños e interacciones quedan sin comprobar.
Una tarea larga se interrumpió. Pide al agente que lea el plan guardado e inspeccione el sitio web actual antes de reanudar. Esto es especialmente importante cuando el resultado de la última operación es incierto.