chocolatito-code 1.6.10 → 1.6.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -262,7 +262,9 @@ mételo en un kit y tu equipo entero trabaja así.
262
262
  Viene uno hecho, y no es de programación: `kits/diseno` trae lotes de imágenes con
263
263
  ImageMagick, las medidas de todas las redes (con las zonas seguras de historias, que es
264
264
  lo que nadie recuerda), y variantes de una misma pieza desde un CSV —cuarenta
265
- certificados con su nombre, sin una sola errata—.
265
+ certificados con su nombre, sin una sola errata—. Y carruseles: partir una panorámica en
266
+ diapositivas que deslizan como una sola imagen, numeradas con ceros para que se suban en
267
+ orden (`slide-1, slide-10, slide-2` es el error que aparece con el carrusel ya publicado).
266
268
 
267
269
  ```bash
268
270
  /kit instalar ./kits/diseno
@@ -2,7 +2,7 @@
2
2
  "manifest_version": 3,
3
3
  "minimum_chrome_version": "102",
4
4
  "name": "Chocolatito Code",
5
- "version": "1.6.10",
5
+ "version": "1.6.11",
6
6
  "description": "Deja que Chocolatito Code trabaje dentro de tu Chrome, en segundo plano y con tus sesiones ya iniciadas.",
7
7
  "permissions": [
8
8
  "tabs",
@@ -0,0 +1,100 @@
1
+ ---
2
+ name: carruseles-y-flyers
3
+ description: Usar para carruseles de Instagram o LinkedIn y para flyers comerciales — partir una panorámica en diapositivas, sacar el mismo flyer en varias versiones (precio, sucursal, fecha, idioma), numerar para que suban en orden y preparar el envío al cliente.
4
+ ---
5
+
6
+ # Carruseles y flyers
7
+
8
+ El trabajo repetido de una pieza comercial: **el diseñador hace una buena, y aquí
9
+ salen las otras treinta y nueve y todos los formatos.** Nada de esto decide la
10
+ composición ni elige la tipografía — eso es suyo.
11
+
12
+ ## Medidas
13
+
14
+ | | |
15
+ | --- | --- |
16
+ | Carrusel Instagram | 1080 × 1350 (4:5, ocupa más pantalla que el cuadrado) |
17
+ | Carrusel LinkedIn | 1080 × 1350, se sube como **PDF** de varias páginas |
18
+ | Máximo de diapositivas | 20 en Instagram; 10 es lo que la gente aguanta |
19
+ | Flyer digital | 1080 × 1350 feed · 1080 × 1920 historia |
20
+ | Flyer imprenta A5 | 148 × 210 mm a 300 ppp = 1748 × 2480 px, con 3 mm de sangre |
21
+
22
+ ## Partir una panorámica en diapositivas, sin costuras
23
+
24
+ El carrusel que se desliza como una sola imagen. La panorámica tiene que medir
25
+ `1080 × n` de ancho exacto: para 5 diapositivas, **5400 × 1350**.
26
+
27
+ Con ImageMagick, de una vez:
28
+
29
+ ```bash
30
+ magick pano.png -crop 1080x1350 +repage slide-%02d.png
31
+ ```
32
+
33
+ Sin ImageMagick, con ffmpeg (comprobado: salen las 5 a 1080×1350 clavadas):
34
+
35
+ ```bash
36
+ for i in 0 1 2 3 4; do
37
+ ffmpeg -y -i pano.png -vf "crop=1080:1350:$((i*1080)):0" "slide-$(printf %02d $((i+1))).png"
38
+ done
39
+ ```
40
+
41
+ **Antes de cortar, comprueba el ancho.** Si la panorámica no es múltiplo exacto de
42
+ 1080, la última diapositiva sale corta y se nota: reescala o recorta primero, y
43
+ dilo.
44
+
45
+ ## Los ceros de la numeración no son estética
46
+
47
+ `slide-1, slide-2 … slide-10` se sube en el orden `1, 10, 2, 3…` porque el
48
+ selector de archivos ordena por texto. **Siempre `%02d`:** `slide-01`,
49
+ `slide-02`. Este es el error que aparece con el carrusel ya publicado.
50
+
51
+ ## El mismo flyer en varias versiones
52
+
53
+ Precio distinto, sucursal distinta, fecha distinta, idioma distinto. Es el mismo
54
+ método que `variantes-de-pieza`: una tabla CSV con lo que cambia, una plantilla
55
+ SVG con `{{PRECIO}}`, `{{SUCURSAL}}`, y una pieza por fila.
56
+
57
+ Dos cosas que rompen el lote comercial en particular:
58
+
59
+ - **El precio largo.** `$9` y `$1.299.990` no ocupan lo mismo. Mira el más largo
60
+ del CSV antes de lanzar, y ajusta el tamaño de letra a ese.
61
+ - **La fecha.** Escríbela en el CSV tal y como tiene que verse. No la formatees
62
+ tú: "5 de marzo", "05/03" y "Marzo 5" no son intercambiables en una pieza.
63
+
64
+ ## Colores que se apagan al subir
65
+
66
+ Instagram convierte todo a **sRGB**. Si la pieza sale en Adobe RGB o P3, los
67
+ colores se apagan al publicar y el cliente lo nota en el rojo de su logo:
68
+
69
+ ```bash
70
+ magick pieza.png -colorspace sRGB -quality 90 pieza-feed.jpg
71
+ ```
72
+
73
+ Para imprenta es al revés: **no toques el color y no recomprimas**. Si el cliente
74
+ pide CMYK, avisa de que una conversión sin el perfil de la imprenta cambia el
75
+ tono, y que el archivo bueno sale del programa de maquetación, no de aquí.
76
+
77
+ ## Zona segura del carrusel
78
+
79
+ Los puntitos del paso de página y la flecha de "siguiente" se comen los bordes:
80
+ deja **60 px libres abajo** y unos 40 a los lados. La primera diapositiva es la
81
+ que decide si alguien desliza, y la última es la llamada a la acción — si el CSV
82
+ no las trae aparte, pregunta en vez de repetir la plantilla.
83
+
84
+ ## Revisar y entregar
85
+
86
+ Todo de un vistazo antes de mandarlo:
87
+
88
+ ```bash
89
+ magick montage slide-*.png -tile 5x -geometry 300x300+8+8 revision.jpg
90
+ ```
91
+
92
+ Carrusel de LinkedIn (va en PDF, una página por diapositiva):
93
+
94
+ ```bash
95
+ magick slide-*.png -quality 95 carrusel.pdf
96
+ ```
97
+
98
+ Y el envío: una carpeta por formato, nombres sin acentos ni espacios, y un ZIP.
99
+ Al terminar di cuántos archivos salieron y cuánto pesa el ZIP — si pasa de 25 MB
100
+ no entra en un correo, y más vale saberlo antes de mandarlo.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "chocolatito-code",
3
- "version": "1.6.10",
3
+ "version": "1.6.11",
4
4
  "description": "Agente autónomo de programación para la terminal, con control real del ordenador y del navegador. Desarrollado por Chocolatito.",
5
5
  "type": "module",
6
6
  "bin": {