Design Finch
Un pinzón de control de calidad para UI que mide el espaciado y ajusta la alineación con pequeños saltos precisos.
/pet install https://github.com/jalcantarab/agent-familiars- 1Make sure the Codex CLI is installed and you are signed in.
- 2Copy the install command above and run it in your terminal:
/pet install https://github.com/jalcantarab/agent-familiars. It downloads the package into~/.codex/pets/. - 3Open
/petinside Codex and select Design Finch to bring it to life in your session.
**Design Finch** es una mascota Codex única, diseñada para diseñadores de interfaz y desarrolladores front-end. Toma la forma de un pájaro ágil que se mueve por tu espacio de trabajo, enfocándose en los detalles de la interfaz. Su función principal es medir automáticamente el espaciado entre elementos de la UI y sugerir visualmente ajustes de alineación a través de una serie de pequeños "saltos" precisos, buscando un diseño perfecto a nivel de píxel.
¿Puede Design Finch modificar mi código automáticamente?
No, Design Finch es una herramienta de ayuda visual. Resalta problemas de espaciado y alineación mediante animaciones de sprite en pantalla, y tú debes ajustar tu código o diseños basándote en sus indicaciones.
¿Necesito preparar una estructura de proyecto específica para Design Finch?
No se requiere ninguna estructura de proyecto específica. Design Finch funciona como una mascota Codex, interactuando con tu entorno de desarrollo a través del MCP (Model Context Protocol), y es adecuado para varios proyectos front-end y de UI.
Related Codex Pets
By jalcantarab
Un pato de depuración mejorado hasta convertirse en un asistente de programación con IA sospechosamente útil.
By jalcantarab
Un pequeño familiar con forma de tableta cuya apertura se abre, se nubla, escanea y espera según cambia el estado de Codex.
By jalcantarab
Un delfín de demostración de producto que presenta los puntos clave de una historia con una actuación fluida y contenida.