# Colaboracion Con Desarrolladores

> 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). Úsala para tareas de Proyectos y Colaboración: design-handoff, specifications, dev-collaboration, tokens, storybook, documentation.

- Skill: `jesusgarciafernandez/colaboracion-con-desarrolladores` (Agent Skill)
- Install (CLI): `npx skillmds@latest add jesusgarciafernandez/colaboracion-con-desarrolladores`
- Raw SKILL.md: https://api.skillmd.com/api/skills/jesusgarciafernandez/colaboracion-con-desarrolladores/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Docs & Writing
- License: CC BY-NC-SA 4.0
- Author: jesusgarciafernandez (https://skillmd.com/u/jesusgarciafernandez)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/jesusgarciafernandez/colaboracion-con-desarrolladores

---


## 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