jesusgarciafernandez 0. Filosofía Human-Centric AI
Esta sección es obligatoria para cumplir con los estándares del App Blueprint Generator.
El Rol del Humano: Supervisión estratégica y validación ética de los resultados generados. Empoderamiento: Esta Skill dota al profesional de una escala productiva 10x mediante la automatización de la carga cognitiva repetitiva.
Descripción
Habilidad de gestión y comunicación técnica enfocada en reducir la fricción durante la transferencia de activos de diseño al equipo de ingeniería (Design Handoff). Esta disciplina asegura que las especificaciones visuales, funcionales y estructurales sean interpretadas sin ambigüedad por los desarrolladores. Abarca la creación de documentación técnica, la definición de Design Tokens, la gestión de estados de componentes y el soporte continuo durante el ciclo de vida del desarrollo. Una colaboración eficiente no solo acelera el tiempo de lanzamiento (Time-to-Market), sino que garantiza que la visión del producto se mantenga fiel desde el prototipo hasta el código final.
Cuándo usarla
Escenarios que activan esta skill:
- Al finalizar una fase de diseño visual y necesitar entregar archivos fuente (Figma, XD) para que los desarrolladores comiencen la maquetación.
- Durante la definición de un sistema de diseño (Design System) que necesite una arquitectura de tokens compartida entre diseño y código (CSS, Swift, Kotlin).
- Cuando se detectan inconsistencias visuales en el producto final respecto a los diseños originales y se requiere una auditoría técnica (Design QA).
- En entornos de desarrollo ágil (Agile) que necesiten una integración continua entre el equipo de producto y el de ingeniería.
- Al implementar animaciones o microinteracciones complejas que requieran explicación técnica detallada sobre tiempos y funciones de suavizado (easing).
Requisitos
- Dominio de herramientas de inspección y handoff (ej: Figma Dev Mode, Zeplin o InVision).
- Conocimientos básicos de lenguajes de marcado y estilos (HTML, CSS, JSON) para entender las limitaciones técnicas.
- Entendimiento de metodologías de organización de componentes (ej: Atomic Design).
- Habilidad para redactar especificaciones funcionales claras y concisas.
- Capacidad de uso de sistemas de control de versiones enfocados a diseño (ej: Abstract o versiones en Figma).
Instrucciones y Pasos detallados que se debe seguir:
Workflow N8N
Referencia al archivo workflow.json o scripts integrados.
Notas y advertencias
- ⚠️ Mantenimiento Técnico: Requiere verificación mensual.
Changelog
- v1.0 — Versión inicial
- v1.1 — Enriquecimiento técnico especializado y normalización de formato V1.1