Facil-WP Logo Color Facil-WP
GUÍA OFICIAL · BUHOFLOW v1.0.74

Guía Maestra de Triggers & Prompts para tu Agente de IA

Aprende a hablarle a tu asistente de IA (Claude Code, Cursor, Antigravity, Windsurf, ChatGPT) con palabras clave gatillo para activar el skill exacto desde el primer prompt, reducir hasta un 80% el consumo de tokens y construir en WordPress sin errores.

⚡ 17 Módulos Clave 🎨 20 Estilos Visuales 📋 1-Click Copy Activo 🛡️ Protocolo Seguro MCP
EL MODELO MENTAL

¿Por qué usar Palabras Clave Gatillo (Triggers)?

Los agentes de IA deciden qué herramientas y protocolos leer basándose en tus palabras exactas. Usar triggers elimina la improvisación técnica.

❌ Sin Triggers (Instrucción Vaga)

"Hazme una sección bonita para mostrar mis productos destacados."

  • ⚠️ El agente gasta de 3 a 5 intentos explorando archivos y adivinando qué plugin usar.
  • ⚠️ Consume miles de tokens innecesarios en inspección.
  • ⚠️ Riesgo de que use maquetación pesada o código incompatible con WordPress.
✅ Con Triggers (Palabra Clave Precisa)

"Inserta una grilla de productos de woocommerce con carrito flotante [eia_cart]."

  • ✨ El agente activa el skill woocommerce y la tool precisa en el Paso 1.
  • Ahorro de hasta un 80% de tokens y respuesta instantánea.
  • ✨ Código limpio, ligero, accesible y 100% blindado ante actualizaciones.
La Fórmula del Prompt Eficiente
[Verbo de Acción] Crea, Diseña, Configura
+
[Palabra Clave Gatillo] Slider 3D, Exit-Intent, ACF
+
[Contexto o Parámetros] Colores, Imágenes, Reglas
"Crea un slider carrusel 3D Coverflow con 5 imágenes de platos para el restaurante."

🧪 Constructor Interactivo de Prompts

Selecciona los componentes y genera un prompt optimizado al instante listo para tu agente:

Playground en Vivo
CHEAT SHEET RÁPIDO

Tabla Maestra de Triggers & Prompts Modelo

Consulta directa de las 17 capacidades principales del plugin con prompts listos para copiar con 1 solo clic.

Categoría Palabras Clave Gatillo (Triggers) Prompt Modelo Listo para Copiar Skill MCP
🎨 Diseño de Landings
diseñar landing modo full Anti AI-Slop paleta de colores
"Crea una landing page en modo full para una cafetería de especialidad siguiendo las reglas Anti AI-Slop."
design, nucleo
⚡ Testing & Responsive
testing visual capturas versión móvil breakpoints lighthouse
"Haz un testing visual completo de la landing en desktop (1440px), tablet (768px) y móvil (375px), verificando scroll horizontal."
testing
🛒 Tienda & WooCommerce
woocommerce catálogo productos carrito flotante [eia_cart]
"Inserta una grilla de productos destacados de WooCommerce y añade el carrito flotante deslizante [eia_cart]."
woocommerce
🧭 Menús & Navegación
menú navegación menú hamburguesa drawer móvil [editor_ia_menu]
"Crea un menú de navegación accesible que use el menú principal de WordPress y se convierta en menú hamburguesa animado en móvil."
menus
🖼️ Imágenes & Velocidad
subir imágenes biblioteca medios optimizar imágenes webp LCP
"Sube estas imágenes a la biblioteca de WordPress y configúralas con dimensiones exactas, lazy-loading y fetchpriority para LCP."
imagenes
🎞️ Sliders & Efectos 3D
slider carrusel 3D coverflow antes y después hotspots
"Crea un slider carrusel táctil tipo Coverflow 3D para mostrar los testimonios de clientes con botones prev/next."
sliders
🎯 Popups & Conversión
popup exit-intent ventana emergente newsletter temporizador
"Crea un popup de exit-intent con un formulario de suscripción y descuento del 10%, que se muestre solo una vez por sesión."
popups
🧱 Header/Footer Global
header global footer global condiciones inyectar en nativas
"Crea un header global y asígnalo mediante condiciones a todo el sitio web, reemplazando el header del tema activo."
condiciones
📄 Plantillas Nativas
custom template reescribir plantilla single product sin FTP
"Reescribe la plantilla nativa de producto individual de WooCommerce con un diseño moderno de dos columnas sin tocar FTP."
custom-templates
💻 Código & Snippets
custom code snippet PHP shortcode hook woocommerce CSS global
"Crea un snippet PHP seguro con un shortcode personalizado para mostrar una calculadora de cuotas en las landings."
custom-code
🧩 Campos ACF & CPTs
ACF custom post type CPT campos personalizados plantilla dinámica
"Crea un Custom Post Type 'Propiedades' con campos personalizados de ACF para precio y ubicación, y diseña su plantilla."
acf
🔍 SEO & Metadatos
SEO meta tags meta description Open Graph Schema JSON-LD
"Configura el SEO de la landing con title, meta description, etiquetas Open Graph y datos estructurados Schema.org LocalBusiness."
seo
🧬 Clonar & Migrar
clonar web migrar landing copiar diseño replicar de Elementor
"Clona el diseño de esta URL [URL_REFERENCIA] y mígrala al Editor IA en modo full manteniendo la estructura exacta."
clonar
🎨 Extraer Estilo Visual
extraer estilo look and feel adaptar diseño copiar paleta
"Extrae la paleta de colores, tipografía y estilo visual de [URL_REFERENCIA] y aplícalos a mi landing existente sin alterar el contenido."
extraer-estilo
⚙️ Theme Astra
theme astra customizer astra colores astra tipografía astra
"Configura los colores globales y tipografías del theme Astra desde el Customizer para que coincidan con la marca."
astra
⏪ Historial & Rollback
historial revisiones rollback deshacer versión restaurar archivo
"Muestra las revisiones recientes de este proyecto y haz un rollback del archivo style.css a la versión anterior."
nucleo
🛠️ Soporte & Diagnóstico
reporte soporte diagnóstico fallo informe de error
"Genera un reporte técnico de diagnóstico para el soporte del plugin explicando el bloqueo ocurrido."
soporte-reporte
CATÁLOGO POR MÓDULOS

Profundización en Módulos & Capacidades

Explora cada módulo con sus variantes básicas y avanzadas con parámetros profesionales.

Diseño de Landings & Páginas

01

El agente activa los módulos de maquetación limpia, buenas prácticas visuales y prevención de anti-patrones.

Triggers:
diseñar landing modo full modo integrado Anti AI-Slop guía de estilo
Prompt Básico
"Crea una landing page en modo full llamada 'Servicios' para un estudio de arquitectura contemporánea."
Prompt Avanzado (Anti AI-Slop)
"Diseña una landing page para una academia de idiomas siguiendo el checklist Anti AI-Slop, usando una paleta 60-30-10 con colores cálidos y tipografía Plus Jakarta Sans."

Testing Visual & Rendimiento

02

Pruebas visuales automáticas, capturas multidispositivo y auditoría de Core Web Vitals.

Triggers:
testing visual capturas responsive versión móvil breakpoints lighthouse
Prompt Básico
"Haz un testing de la versión móvil de la landing 'Home' y verifica que no tenga scroll horizontal."
Prompt Avanzado (3 Breakpoints)
"Ejecuta un testing visual estricto en desktop (1440px), tablet (768px) y móvil (375px). Toma capturas, revisa legibilidad y comprueba los Core Web Vitals con Lighthouse."

WooCommerce & Tienda Online

03

Conecta productos nativos de WooCommerce con carritos laterales flotantes y checkout dinámico.

Triggers:
woocommerce catálogo de productos carrito flotante [eia_cart]
Prompt Básico
"Inserta el carrito flotante [eia_cart] con icono de bolsa en la esquina superior derecha de la landing."
Prompt Avanzado (Vitrina Dinámica)
"Muestra una sección de productos destacados de la categoría 'Novedades' de WooCommerce con precio, botón de compra directa y carrito lateral deslizante."

Menús, Cabeceras & Navegación

04

Genera barras de navegación conectadas a menús de WordPress con versión hamburguesa accesible.

Triggers:
menú navegación menú hamburguesa drawer móvil [editor_ia_menu]
Prompt Básico
"Crea una barra de navegación con el menú 'Principal' usando el shortcode [editor_ia_menu]."
Prompt Avanzado (Sticky Accesible)
"Maqueta un menú de navegación sticky con logotipo a la izquierda, enlaces al centro y botón CTA a la derecha, con menú hamburguesa animado y accesible en móviles."

Medios, Imágenes & Optimización LCP

05

Sube a la biblioteca de medios, aplica WebP y optimiza la carga para Google Core Web Vitals.

Triggers:
subir imágenes biblioteca de medios optimizar imágenes webp LCP
Prompt Básico
"Sube estas 3 imágenes a la biblioteca de WordPress y úsalas en la sección de galería."
Prompt Avanzado (Optimización LCP)
"Optimiza todas las imágenes de la landing: declara width/height reales, activa lazy loading nativo en las secundarias y pon fetchpriority='high' en la imagen principal del Hero para mejorar el LCP."

Sliders, Carruseles & Efectos 3D

06

Micro-motor ligero (<8KB) con Coverflow, Filmstrip, comparativas Antes/Después y Hotspots.

Triggers:
slider carrusel 3D coverflow filmstrip antes y después
Prompt Básico
"Crea un slider táctil para testimonios con controles de navegación y transición suave."
Prompt Avanzado (Coverflow 3D)
"Crea un carrusel 3D Coverflow para mostrar los 6 servicios principales con tarjetas expandibles al hacer clic."

Popups, Modales & Conversión

07

Ventanas emergentes por exit-intent, temporizador o scroll % con control de frecuencia por sesión.

Triggers:
popup exit-intent ventana emergente newsletter temporizador
Prompt Básico
"Crea un popup de suscripción a newsletter que aparezca a los 5 segundos de entrar."
Prompt Avanzado (Exit-Intent con Descuento)
"Crea un popup con intención de salida (exit-intent) que ofrezca un cupón del 15% con cuenta regresiva, configurado para mostrarse solo 1 vez cada 7 días por usuario."

Header/Footer Global & Condiciones

08

Reemplaza cabeceras y pies de página en todo el sitio o en rutas específicas mediante reglas.

Triggers:
header global footer global condiciones de asignación inyectar en páginas nativas
Prompt Básico
"Convierte el componente 'Header Principal' en global para que se muestre en todo el sitio web."
Prompt Avanzado (Inclusión/Exclusión)
"Asigna este componente de Footer mediante condiciones para que aparezca en todas las entradas del blog y páginas de productos, pero excluyendo la página de Checkout."

Custom Templates (Sin FTP)

09

Rediseña plantillas maestras (Single Product, Single Post, Archivo) sin tocar código PHP físico.

Triggers:
custom template plantilla nativa reescribir plantilla single product
Prompt Básico
"Reescribe la plantilla de producto individual (single product) de WooCommerce con un diseño limpio y moderno."
Prompt Avanzado (Entradas Blog)
"Crea un Custom Template para las entradas del blog con barra lateral de autor, tiempo de lectura estimado y caja de suscripción al final."

Custom Code Seguro (PHP, CSS & JS)

10

Ejecución segura de lógica dinámica, shortcodes y hooks de WooCommerce con auto-recuperación.

Triggers:
custom code snippet PHP shortcode personalizado hook woocommerce
Prompt Básico
"Crea un snippet PHP seguro con el shortcode [calc_envio] para calcular costos de envío estimados."
Prompt Avanzado (Hook de WooCommerce)
"Crea un snippet PHP que añada un aviso de 'Envío gratis en compras mayores a $50' justo debajo del precio en los productos de WooCommerce."

Campos Personalizados & ACF

11

Crea Custom Post Types y grupos de campos avanzados ACF consumibles desde plantillas dinámicas.

Triggers:
ACF custom post type CPT campos personalizados
Prompt Básico
"Crea un CPT 'Cursos' con campos personalizados de ACF para duración, profesor y nivel."
Prompt Avanzado (Plantilla Dinámica)
"Diseña una plantilla dinámica que muestre automáticamente los campos ACF de cada curso con un layout tipo tarjeta moderna."

SEO On-Page & Schema JSON-LD

12

Configuración de meta tags, Open Graph para redes sociales y datos estructurados Schema.org.

Triggers:
SEO meta tags Open Graph Schema JSON-LD LocalBusiness
Prompt Básico
"Configura el título SEO y la meta descripción de la landing 'Servicios Dentales'."
Prompt Avanzado (Schema LocalBusiness)
"Añade etiquetas Open Graph para Facebook/WhatsApp y genera el marcado Schema.org JSON-LD de tipo LocalBusiness con horarios, teléfono y dirección."
DIRECCIONES ESTÉTICAS PRE-CONFIGURADAS

Catálogo de los 20 Estilos Visuales

Pídele a tu agente que aplique cualquiera de estas 20 identidades visuales para maquetar con armonía de color, tipografía y componentes。

Cálido & Artesanal

Cálido & Artesanal

calido-artesanal

Panaderías, cafeterías, repostería, restaurantes tradicionales.

"Diseña con estilo 'calido-artesanal'..."
Profesional & Confianza

Profesional & Confianza

profesional-confianza

Consultorios médicos, dentistas, clínicas, abogados, contadores.

"Aplica estilo 'profesional-confianza'..."
Vibrante & Local

Vibrante & Local

vibrante-local

Tiendas de ropa, retail, pizzerías, locales juveniles.

"Crea con estilo 'vibrante-local'..."
Elegante & Premium

Elegante & Premium

elegante-premium

Spas, joyerías, moda de lujo, hotelería boutique.

"Diseña con 'elegante-premium'..."
Moderno Tech (SaaS)

Moderno Tech (SaaS)

moderno-tech

Startups, SaaS, apps móviles, agencias digitales.

"Usa el estilo 'moderno-tech'..."
Natural & Orgánico

Natural & Orgánico

natural-organico

Yoga, productos ecológicos, cosmética natural, nutrición.

"Aplica 'natural-organico'..."
Corporativo / B2B

Corporativo / B2B

corporativo-institucional

Empresas B2B, consultoras, firmas de auditoría, logística.

"Usa 'corporativo-institucional'..."
Inmobiliaria & Solidez

Inmobiliaria & Solidez

inmobiliaria-confianza

Agencias inmobiliarias, bienes raíces, notarías, finanzas.

"Diseña con 'inmobiliaria-confianza'..."
Educativo & Cercano

Educativo & Cercano

educativo-cercano

Academias, cursos online, colegios, formación.

"Aplica 'educativo-cercano'..."
Eventos & Celebración

Eventos & Celebración

eventos-celebracion

Salones de fiestas, bodas, organizadores, catering.

"Usa 'eventos-celebracion'..."
⚡ Fintech Neon

Fintech Neon

fintech-neon

Cripto, pasarelas de pago, apps de inversión, fintechs.

"Aplica 'fintech-neon'..."
Stark Tech Precision

Stark Tech Precision

stark-tech-precision

Herramientas dev, infra, código abierto (estilo Vercel).

"Diseña con 'stark-tech-precision'..."
NEOBRUTALISMO

Neobrutalismo

neobrutalismo

Marcas disruptivas, festivales, creadores, Web3.

"Crea con estilo 'neobrutalismo'..."
Minimal Warm (Nórdico)

Minimal Warm (Nórdico)

minimal-warm

Blogs de autor, newsletters, editoriales, Notion.

"Aplica 'minimal-warm'..."
Dark Cyber (Supabase)

Dark Cyber (Supabase)

dark-cyber

Gaming, servidores, tech futurista, plataformas web3.

"Usa 'dark-cyber'..."
Cozy Travel (Airbnb)

Cozy Travel (Airbnb)

cozy-travel-marketplace

Alojamientos rurales, tours, experiencias de viajes.

"Aplica 'cozy-travel-marketplace'..."
Luxe Editorial (Apple)

Luxe Editorial (Apple)

luxe-editorial

Portafolios de diseño, fotografía, exposiciones.

"Diseña con 'luxe-editorial'..."
Glass Frosted

Glass Frosted

glass-frosted

Portales modernos, dashboards, estética glassmorphism.

"Aplica 'glass-frosted'..."
Retro Nostalgia

Retro Nostalgia

retro-nostalgia

Tiendas vintage, cultura pop 90s, eventos temáticos.

"Crea con 'retro-nostalgia'..."
Monochrome Serif (Vogue)

Monochrome Serif (Vogue)

monochrome-serif

Marcas de autor, perfumes, alta costura, arte.

"Aplica 'monochrome-serif'..."

¿Listo para construir con tu Agente de IA?

Descarga BUHOFLOW gratis, conecta tu agente favorito (Claude, Cursor, Antigravity) y empieza a maquetar tu WordPress en vivo hoy mismo.

Descarga Gratuita • Compatible con Claude Code, Cursor, Windsurf, Antigravity y ChatGPT Codex

¡Prompt copiado al portapapeles!