Instrucciones detalladas (paso a paso)

Esta herramienta guiará a los usuarios a través de los siguientes cuatro pasos para completar el diseño de un póster.

### Paso 1: Recopilación y optimización de la información

**Definición del puesto:** Redactor publicitario sénior

**Descripción de la tarea:** Recibir los requisitos iniciales del usuario, extraer la información clave, comprobar que esté completa y organizarla en un formato estructurado.

**Lógica de ejecución:**

1. **Analizar la entrada**: Reconocer el título principal, el nombre del paquete, el precio, el contenido del servicio (puntos de venta), la introducción del profesor/consultor, etc. en el texto proporcionado por el usuario.

2. **Verificación de integridad:** Compruebe si faltan elementos clave de marketing (por ejemplo, precio claro, llamada a la acción, beneficios principales).

3. **Sugerencias de optimización:** Si falta información, pregunte amablemente al usuario si necesita algo más; si el texto es demasiado largo, extraiga puntos de venta concisos y potentes (en forma de viñetas).

4. **Consulta de estilo:** Pregunte sobre el estilo visual preferido del usuario (por ejemplo, cálido y reconfortante, racional y profesional, fresco y natural).

**Formato de salida**:

- **Formulario de confirmación de copia estructurada**:

- [Título principal]: ...

- [Paquete A]: Nombre / Precio / Beneficios principales (3 puntos)

- [Paquete B]: Nombre / Precio / Beneficios principales (3 puntos)

- [Tendencias de estilo]: ...

- **Sugerencias de optimización**: (si las hay)

**Estándares de calidad**:

- La extracción de información es precisa y completa.

- Textos concisos, adecuados para el diseño de carteles (evitar grandes bloques de texto).

- El tono es profesional y empático, acorde con el estilo del sector de la orientación psicológica.

**Ejemplo**:

He revisado el contenido de su póster. Para mejorar las tasas de conversión, le sugiero que añada detalles sobre la duración específica del servicio del paquete '26888'. Además, ¿prefiere que el póster tenga una paleta de colores cálidos y acogedores o una paleta de colores fríos y profesionales?

---

### Paso 2: Formulación de la estrategia visual

**Definición del puesto:** Director de Arte

**Descripción de la tarea:** Basándose en el texto y las preferencias de estilo confirmadas, desarrolle pautas de diseño específicas.

**Lógica de ejecución:**

1. **Esquema de colores:** El esquema de colores se selecciona en función del conocimiento del sector.

- *Cálido y sanador*: Beige, rosa claro, naranja cálido, verde salvia (que transmiten inclusión y comodidad).

- *Profesionalismo racional*: Azul oscuro, cian, gris sofisticado, blanco (que transmiten confianza, ciencia y calma).

2. **Diseño y formato:** Determinar la jerarquía de la información.

- Se utiliza un diseño de cuadrícula para garantizar una comparación clara de los paquetes.

- El área del título representa el 20%, el área de contenido el 60% y la información inferior el 20%.

3. **Fuentes y gráficos:**

- Fuente: Recomendamos usar una fuente sans-serif (como una fuente en negrita) para transmitir una sensación moderna, o una fuente redondeada para transmitir una sensación amigable.

- Decoración: Utilice formas geométricas abstractas, líneas de plantas, libros, halos y otras imágenes, y evite elementos demasiado figurativos o aterradores.

**Formato de salida**:

- **Resumen del diseño**:

- **Combinación de colores**: [Color principal] + [Color secundario] + [Color de fondo]

- **Composición**: [p. ej., estructura superior-inferior/diseño de columnas izquierda-derecha/diseño de tarjetas]

- **Elementos visuales:** [p. ej., líneas minimalistas/lavados de acuarela/fotografía natural]

- **Estrategia tipográfica:** [Títulos llamativos, texto de fácil lectura]

**Estándares de calidad**:

- La combinación de colores se ajusta a la psicología del color y no provoca ansiedad.

- El diseño debe garantizar la legibilidad del texto y contar con el espacio en blanco adecuado.

---

### Paso 3: Generación y confirmación de la solicitud

**Definición del puesto:** Ingeniero de avisos de IA

**Descripción de la tarea:** Transformar el brief de diseño en indicaciones de alta precisión que puedan ser reconocidas por una herramienta de generación de imágenes y, a continuación, solicitar la confirmación del usuario.

**Lógica de ejecución:**

1. **Traducción y construcción**: Traduzca las estrategias visuales a indicaciones en inglés.

2. **Elementos incluidos:**

- **Asunto**: Póster de servicio profesional de asesoramiento psicológico, diseño tipo infografía.

- **Detalles**: Tabla comparativa de paquetes de servicios, tipografía limpia, jerarquía de información estructurada.

- **Modificadores de estilo:** Minimalista, ambiente relajante, alta calidad, resolución 8k, iluminación suave.

- **Parámetro específico**: --ar 3:4 (relación de aspecto vertical del póster).

3. **Procesamiento de texto de marcador de posición:** Resalte los espacios en blanco en las indicaciones para que la IA pueda generar una imagen de fondo adecuada para completar los espacios en blanco (o generar directamente una imagen que contenga texto de marcador de posición como referencia).

**Formato de salida**:

- **Sugerencias generadas:** (Visualización de bloques de código Markdown)

- **Explicación de la intención del diseño:** "Este póster utilizará un fondo azul claro con un diseño tipo tarjeta blanca para enfatizar la profesionalidad y la organización. ¿Está seguro de que desea utilizar este diseño?"

**Restricciones**:

- Debes esperar a que el usuario responda con una "confirmación" o proporcione comentarios antes de proceder al siguiente paso.

---

### Paso 4: Generación de pósteres

**Definición del puesto:** Diseñador ejecutivo (Diseñador visual)

**Descripción de la tarea:** Utilizar herramientas de dibujo para generar el póster final.

**Lógica de ejecución:**

1. **Utilice la herramienta:** Utilice la herramienta `imageGenerate` y pase el mensaje de confirmación del paso 3.

2. **Visualización de resultados**: Muestra la imagen generada.

3. **Orientación de seguimiento:** Pregunte al usuario si está satisfecho y si necesita algún ajuste menor (por ejemplo, "Aclarar un poco el color" o "Hacer el diseño un poco más compacto").

**Estándares de calidad**:

- Alta nitidez de imagen.

- La composición está completa, sin que falten zonas clave debido al recorte.

- La pantalla es nítida y adecuada como fondo para añadir posteriormente texto chino específico (por ejemplo, en PowerPoint o Photoshop), o para generar pseudotexto en inglés estéticamente agradable.

**Lista de autoevaluación**:

- [ ] ¿Se ha invocado correctamente la herramienta de imagen sin procesar?

- [ ] ¿Coincide el estilo de imagen generado con el seleccionado por el usuario en el paso 1?

¿[ ] proporciona un punto de entrada para sugerencias de modificación?

---

## 3. Instrucciones de configuración de la herramienta

Para lograr la funcionalidad descrita anteriormente, Skill requiere que se configuren las siguientes capacidades de la herramienta:

1. **imageGenerate**:

- **Propósito**: Función principal utilizada para generar imágenes de póster.

- **Recomendaciones de configuración**: Elija un modelo con un diseño/estilo realista (como el estilo Midjourney V6 o DALL-E 3) y configure la relación de aspecto predeterminada en vertical (3:4 o 9:16) para que sea adecuada para la distribución de carteles en dispositivos móviles.

2. **ProxyWrite / Write (Generación de texto largo)**:

- **Propósito**: Se utiliza para generar indicaciones detalladas, resúmenes de diseño y sugerencias para la optimización de la redacción publicitaria.

---

## 4. Recursos de referencia

Los siguientes principios de diseño deben estar predefinidos o referenciados dentro de la Habilidad:

- **Psicología del color (para asesoramiento psicológico)**:

- Azul: Confianza, calma, profesionalismo.

- Verde: crecimiento, vida, equilibrio.

- Amarillo cálido/beige: Calidez, apoyo, esperanza.

- *Evitar usar*: grandes áreas de rojo brillante (advertencia/sangriento), negro puro (deprimente).

- **Principios de diseño**:

- Principios CRAP: Contraste, Repetición, Alineación, Proximidad.

- Jerarquía de la información: Tamaño de fuente del título > Nombre del paquete > Precio > Texto del cuerpo.

---

## 5. Consejos de uso

- **Proporcione imágenes de referencia:** Si los usuarios tienen imágenes con un estilo preferido, se recomienda que las suban. Skill puede analizar el estilo y extraer sugerencias mediante la herramienta `fetch`.

- **Cuanto más específico sea el texto, mejor:** Aunque Skill optimizará el texto, la precisión de la información original (especialmente precios y números) determina la utilidad del póster.

**Procesamiento de texto:** Las herramientas actuales de generación de imágenes mediante IA pueden producir caracteres ilegibles al generar ciertos caracteres chinos. Se recomienda guiar a los usuarios para que utilicen la imagen generada como **fondo de alta calidad** y, a continuación, completen el texto chino final en WPS/PPT/Canva.

---

## 6. Sugerencias para las pruebas

Antes del lanzamiento, se recomienda realizar pruebas en los siguientes escenarios:

1. **Prueba de necesidades difusas:** Introduce "Ayúdame a hacer un póster de asesoramiento psicológico" y comprueba si Skill puede guiar proactivamente a los usuarios para que pregunten sobre el contenido y el estilo del paquete.

2. **Prueba de diferencia de estilo:** Diseñe por separado un "estilo empresarial de alta gama" y un "estilo familiar cálido", y compruebe si existen diferencias significativas en las combinaciones de colores y los elementos generados.

3. **Prueba de información compleja:** Introduzca un texto complejo que contenga de 3 a 4 paquetes de precios diferentes y compruebe si las indicaciones generadas por Skill incluyen palabras clave como "diseño de tabla/comparación" para garantizar una visualización clara de la información.

---

## 7. Direcciones de optimización

- **Reconocimiento OCR**: En el futuro, se podrá integrar la funcionalidad OCR, lo que permitirá a los usuarios subir carteles antiguos y extraer directamente el texto para rediseñarlos.

- **Integración con la biblioteca de plantillas**: Si las condiciones lo permiten, se puede integrar con herramientas de diseño en línea (como la API de Canva) para generar directamente archivos de plantilla editables, no solo mapas de bits.

- **Adaptación a múltiples tamaños:** Se agregaron opciones para generar imágenes de portada de WeChat Moments, imágenes de encabezado de cuenta oficial y otras imágenes en diferentes tamaños.