シルシSHIRUSHI
Tu sello en cada pieza. La herramienta que le enseña a tu IA a editar tus videos como tú.
シルシ quiere decir «marca, señal».
La cara del ícono es un visor que reconoce. SHIRUSHI reconoce cómo editas tú y le enseña a tu IA a ponerlo en cada pieza. Por eso la marca habla poco y se nota en el resultado: papel blanco, tinta negra, nada que distraiga del video.
Como una app nativa de Apple: blanco, aire y un solo protagonista por pantalla. El ruido lo pone el video, no la interfaz.
El negro es la acción. Si algo es negro y sólido, es lo que toca hacer ahora. Lo demás, en grises.
Cuadros verticales, palabras que aparecen de a una, tiempos en segundos. La interfaz habla como habla un editor.
Papel y tinta, medidos de la app
Medida con código sobre el ícono y el CSS de la app (24-oct). Había tres negros distintos (#000 en el ícono, #0D0D0D en la app, #111 en la animación): queda uno solo, Tinta. El gris terciario de la app (#9A9A9A, 2,5:1) no se leía: Ceniza lo reemplaza con 4,7:1.
Pilares: el único color de la marca. Solo dicen a qué tema pertenece un video: un punto o un fondo suave, nunca texto chico de color.
Estados: reservados, siempre con ícono y texto.
Hoy: el único rojo que no es error. Va solo en el número del día de hoy, como en Calendario de Apple. #D93036, 4,7:1 con blanco.
La letra del sistema, a propósito
SHIRUSHI es una app del Mac y debe sentirse de la casa: SF Pro (Display para títulos, Text para leer), con Hiragino para シルシ. La monoespaciada se usa solo para tiempos de video. Escala 1,25 sobre 15 px.
Esquinas redondas, como el visor
El ícono tiene esquinas redondeadas y trazos de punta redonda; la interfaz repite esa forma: píldoras para la acción, radios grandes para lo que contiene. Los radios son concéntricos: el de adentro es el de afuera menos el relleno.
Espacio · base 4
Radios
Profundidad · sombras neutras y cortas
Íconos que hablan como la cara
Un set propio dibujado sobre la misma idea del logo: trazo redondo, esquinas suaves y nada de relleno salvo en los controles de reproducción. Rejilla de 24, trazo de 1,75 y la zona viva entre 3 y 21. Toca uno para copiar su nombre.
- Trazo 1,75 a 24 px. A 16 px se usa el mismo archivo: no hay versión gruesa.
- Puntas y uniones redondas, radios de 3 a 4: la forma del visor.
- El ícono acompaña al texto, nunca lo reemplaza (salvo con etiqueta accesible).
- Color: el del texto que acompaña. Solo los estados reservados lo tiñen.
<svg class="i"><use href="/iconos/sprite.svg#calendario"/></svg>
- La fuente son los archivos sueltos;
node herramientas/iconos.mjsarma el sprite. - Ícono nuevo: dibújalo en la rejilla, guárdalo en
web/iconos/y vuelve a armar el sprite.
La marca es la carga
No hay spinners genéricos: SHIRUSHI se comporta como un visor que reconoce. Se arma al abrir, lee mientras espera, se llena con el avance, guiña cuando termina y niega con la cabeza cuando algo falla. Lo que se toca responde con resorte; lo que se desplaza, con una curva suave.
Los SVG, listos para usar
Todo sale del mismo dibujo de la cara (viewBox 40 40 405 405). Para la app, los correos y las piezas de redes. El cargador se mueve solo, incluso dentro de una etiqueta img, y respeta el movimiento reducido.
Kit
Las piezas base. Cada una existe una sola vez y todas las pantallas la toman de aquí.
Uno negro por pantalla
El botón sólido dice «esto es lo que toca». Si hay dos acciones importantes, una de ellas no lo es.
<button class="boton primario"><svg class="i s16">…#nuevo</svg>Nuevo video</button>
- Un solo .primario por vista. En el calendario: «Nuevo video».
- Verbos concretos: «Aprobar y programar», no «Enviar».
- Ícono a la izquierda, a 16 px, solo si ayuda a leer más rápido.
- Lo destructivo no pregunta si trae Deshacer.
- Botón de ícono: siempre con etiqueta y 44 px táctiles en celular.
Elegir sin pensar dos veces
Lo que aplica al instante es un interruptor; lo que se elige entre pocas opciones visibles es un segmentado o fichas.
- Segmentado: 2–4 opciones; la lente viaja con resorte.
- Interruptor: aplica al instante, nunca pide «Guardar».
- Fichas: varias a la vez (redes, etiquetas).
Cada video dice en qué está
El recorrido de un video, de grabar a publicado. En paneles va como insignia con ícono; en listas densas y en el calendario, como punto con texto. La subida muestra sus trozos.
Arrastra tus tomas a un día del calendario o crea uno nuevo.
Avisos de app, no de sistema
Toast para confirmar lo que hiciste (con Deshacer), banner para un estado que dura, alerta para una decisión sin vuelta. Nada más.
El toast aparece abajo al centro, máximo 3 en cola. Deshacer revierte de verdad. La alerta crece desde su botón y el foco vuelve ahí al cerrar.
Escribir con ayuda
Etiqueta arriba, ayuda abajo y el error dice cómo arreglarlo. 16 px para que el iPhone no haga zoom.
Patrones
Cómo se arman las pantallas de SHIRUSHI con las piezas del kit.
Una barra, un panel, un foco
La barra lateral de la app con su lente que viaja. En celular pasa a pestañas abajo: otro componente, no la barra achicada.
Una llave y adentro
Sin cuentas ni contraseñas: la llave se pega una vez y queda en ese equipo. La cara se arma al llegar; si la llave no sirve, niega con la cabeza y el error dice qué hacer.
Bienvenido a SHIRUSHI
Pega tu llave de acceso. Queda guardada solo en este equipo.
¿No tienes llave? Créala en Integraciones
Prueba con la llave que trae («es_mal») y después con cualquiera que empiece con «es_» y tenga más de 8 caracteres.
El mes de un vistazo
El calendario de la app, tal cual se usa: grilla con líneas, el número de hoy en rojo y cada video con el tono de su pilar y el punto de su estado. Arrastra un video a otro día, ábrelo con un clic o usa el clic derecho. En celular pasa a la grilla del iPhone con puntos y el día elegido abajo.
Todo el video en un cajón
El cajón que se abre desde el calendario: guion, material, edición y entrega, una pestaña a la vez. Cambia según el estado del video. En celular sube como hoja.
- Arriba lo que no cambia: estado, título, pilar, día, formato y duración.
- Las pestañas cuentan lo que hay adentro (material subido, entregas).
- Un solo botón negro por pestaña: lo que toca en ese estado.
- El guion se marca párrafo por párrafo mientras grabas; el material, toma por toma.
- «Para revisar» es la única vez que SHIRUSHI pide una decisión: aprobar, pedir cambios o descartar.
- Escritorio: entra desde la derecha (240 ms) sobre un velo suave; Esc o clic fuera lo cierran.
- Celular: hoja desde abajo, deja ver 20 px de la app.
Arrastra y listo
Funciona de verdad: suelta un video aquí. Si pesa poco para su resolución, avisa antes de subir.
En escritorio, diálogo que crece desde el botón. En celular, una hoja que sube desde abajo con su asa.
Producto
Lo que solo SHIRUSHI tiene: estilos, la guía, la revisión del plan, la memoria de tu marca y la revisión del video.
Formas de editar ya probadas
Cada estilo es una tarjeta con su ritmo (las barras son su densidad de cortes) y la frase para pedírselo a tu IA. Son los tres reales del catálogo.
Estilos de otros creadores
La idea del catálogo abierto: cada creador publica su forma de editar y otros la usan. Los tres de Joaquín llevan sello de SHIRUSHI; los demás son de ejemplo. Toca uno para ver su ficha y escuchar sus sonidos.
Nueve pasos, uno a la vez
Lo que tu IA recibe de SHIRUSHI mientras edita. Toca un paso.
Antes de editar, SHIRUSHI revisa
El resultado real de «revisar_plan» con un plan de prueba del 24-oct: la línea de tiempo marca en rojo los trozos con problemas.
Tú das el último sí
Cuando tu IA entrega, el video queda «Para revisar»: lo ves, lees el post y decides.
La memoria de tu marca
Lo que tu IA lee antes de escribir un guion o editar: tu historia, tu identidad, tus sonidos, tus referencias y tus reglas. Las etiquetas se distinguen solo en negro, blanco y grises, para que el color siga siendo de los pilares.
Conectar sin salir de la app
Cada servicio en una tarjeta con su estado arriba a la derecha. Las llaves no se vuelven a mostrar: solo sus últimos caracteres.
Una llave por IA
La llave se muestra una sola vez. Cada bloque se copia con un toque.
claude mcp add --transport http shirushi https://shirushi.app/mcp --header "Authorization: Bearer es_ejemplo…"
edita mis videos de SHIRUSHI
Web y marca
Lo que sale al mundo, con el mismo papel y la misma tinta.
«Tu video está listo para revisar»
El correo real, en HTML de tablas con estilos en línea para que se vea igual en Gmail, Outlook y Apple Mail. Un solo botón negro, sin imágenes pesadas.
Cinco láminas a tamaño real
Dibujadas a 1080 × 1350 (4:5 de Instagram) y mostradas a escala. Papel para contar, tinta para abrir y cerrar.
Posts e ícono
Posts 4:5 en papel o en tinta, con la cara como firma. El ícono, a todos sus tamaños.
Tu IA edita.
Tú apruebas.
Nadie más improvisa con tus videos.
9 pasos.
Cero improvisación.
La guía que tu Claude sigue al editar.
La cara se dibuja con la Tinta y trazos de punta redonda. No se recolorea, no se deforma y respira: el margen mínimo es el alto de un ojo.