Azhi-ss

Esta sub-skill gestiona sistemas de diseño y la visualización de componentes. Se utiliza para extraer design tokens como referencia del equipo o para revisar variantes de componentes en una hoja de contacto, incluyendo referencias de sistemas de diseño (ej: design-tokens.html) y visualizaciones de variantes de componentes. Se activa para solicitudes como "sistema de diseño", "design tokens", "variantes de componentes" o "mostrar biblioteca de componentes".

La sub-skill "Exploración y Planificación" se utiliza cuando los usuarios necesitan decidir entre múltiples opciones de implementación/diseño o redactar un RFC de ingeniería. Ofrece paradigmas como la comparación de tres esquemas (compare.html), direcciones de diseño visual y planes de implementación (plan.html), cargándose cuando la skill padre html-effectiveness maneja solicitudes de "comparación/selección/RFC/plan".

Sub-skill de Investigación y Aprendizaje. Se activa cuando el usuario pregunta '¿Cómo funciona X en este repositorio?' (con TL;DR, pasos y FAQ) o solicita la explicación de un concepto abstracto (con visualización interactiva). Se carga cuando la skill padre detecta peticiones como 'explicar', 'enseñarme' o 'aprender'.

Esta sub-skill, 'Revisión y Comprensión de Código', se utiliza para revisiones de PR, escritura de PR (lado del autor) o para entender rutas de solicitud/pilas de llamadas de módulos de código desconocidos. Incluye revisión de PR (diff.html), escritura de PR (pr.html) y diagramas de módulo, cargándose cuando la skill padre enruta solicitudes como 'revisar/PR/auditar/cómo funciona este código'.

Esta sub-skill proporciona interfaces de edición HTML personalizadas para herramientas de 'operar y exportar', como paneles de triaje, editores de feature flags y sintonizadores de prompt. Cada editor debe incluir un botón 'Copiar Resultado' para devolver el estado de la UI al agente, cargándose cuando la skill padre enruta solicitudes relevantes.

Esta sub-skill gestiona prototipos y flujos clicables. Se utiliza cuando un usuario necesita determinar la duración/easing de una transición (a través de un sandbox de animación) o probar la sensación de un flujo interactivo de 4-6 pantallas, cargándose cuando la skill padre enruta solicitudes de animación, prototipo, sensación o flujos clicables.

Sub-skill: Diapositivas controladas por teclado. Ideal para reuniones donde el usuario necesita diapositivas "listas para presentar" en un único archivo HTML, sin Keynote/PPT/Google Slides, navegables por flechas. Activado por solicitudes como "diapositivas" o "presentación".

Esta sub-skill de Informes Periódicos se utiliza para generar informes de estado semanales (KPI, entregados, velocidad, arrastre) o postmortems de incidentes (línea de tiempo, causa raíz, impacto, acciones). Se carga cuando la skill padre detecta solicitudes como 'informe semanal', 'informe de estado', 'postmortem' o 'incidente'.

Esta sub-skill se utiliza para ilustraciones y diagramas, incluyendo conjuntos de ilustraciones SVG para blogs/documentos, diagramas de flujo, máquinas de estado y pipelines de despliegue. Todas las figuras se generan con SVG en línea, sin bibliotecas externas, y se carga cuando la skill padre detecta solicitudes de visualización de diagramas.

Esta skill permite al agente generar contenido espacial, paralelo, comparable o interactivo utilizando HTML de un solo archivo en lugar de Markdown. Actúa como un enrutador, utilizando un marco de decisión para determinar el uso de HTML y despachando a una de las 9 sub-skills para solicitudes como comparación, planificación, revisión, informes, interpretación, presentaciones, edición o visualización, reutilizando plantillas para producir artefactos ejecutables.