Communitygithub.com

TIKAZI/TIKAZ-Codex-Frontend-Design

Flujos de trabajo de frontend con dirección artística que validan la dirección visual antes de escalar la implementación.

¿Qué es TIKAZ-Codex-Frontend-Design?

Este skill de agente de IA se especializa en la dirección artística y la implementación de frontend, siguiendo el método TIKAZ. Primero clasifica la superficie visual en una de cuatro categorías (Persuadir, Operar, Leer o Experimentar) para evitar aplicar efectos de página de aterrizaje a todos los productos. Luego genera un "Design Read", tres diales de proyecto (varianza, movimiento, densidad), una composición dominante y tres anti-objetivos. El skill "frontend-design-studio" es el único responsable de la dirección artística y la implementación; ningún skill de soporte puede anular el mundo visual aprobado. Se construye una prueba de dirección artística que incluye navegación, primer viewport, una sección representativa descendente (tanto en desktop como en móvil) y se somete a revisión antes de enrutar el impacto a "code-intelligence" y la ejecución a "engineering-delivery". Finalmente, se exige un contrato de diseño firmado, evidencia de capturas de pantalla en viewports objetivo, estados críticos, comportamiento de movimiento reducido, evidencia de compilación/pruebas, estado de licencias de componentes y una entrega con limitaciones documentadas.

Compatible con~Claude Code✓Codex CLI~Cursor
npx skills add TIKAZI/TIKAZ-Codex-Frontend-Design

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Diseño de Frontend

Diseñado, integrado, refactorizado y mantenido continuamente por TIKAZ.

Método TIKAZ

  1. Clasificar la superficie como Persuadir, Operar, Leer o Experimentar; no aplicar espectáculo de página de aterrizaje a todo producto.
  2. Escribir una Lectura de Diseño, tres diales de proyecto (varianza, movimiento, densidad), una composición dominante y tres anti-objetivos.
  3. Permitir que frontend-design-studio sea el propietario de la dirección artística y la implementación. Los skills de soporte no pueden anular el mundo visual aprobado.
  4. Construir una prueba de dirección artística: navegación, primer viewport, una sección representativa descendente, desktop y móvil juntos.
  5. Enrutar el impacto de cambios en todo el repositorio a code-intelligence y la ejecución de producción a engineering-delivery solo después de que la prueba de diseño esté aprobada.
  6. Ejecutar pases de QA visual/de producto e implementación por separado.

Puerta de finalización

Requerir un contrato de diseño firmado, evidencia de capturas de pantalla en viewports objetivo, estados críticos, comportamiento de movimiento reducido, evidencia de compilación/pruebas, estado de licencias de componentes y una entrega con limitaciones restantes.

Leer references/routing.md y references/output-contract.md.

Skills relacionados