Azhi-ss

Esta sub-skill gerencia sistemas de design e exibição de componentes. É usada para extrair design tokens para referência da equipe ou revisar variantes de componentes em uma folha de contato, abrangendo referências de sistema de design (ex: design-tokens.html) e exibições de variantes de componentes. Ela é ativada para solicitações como "sistema de design", "design tokens", "variantes de componentes" ou "exibir biblioteca de componentes".

A sub-skill "Exploração e Planejamento" é usada quando usuários precisam decidir entre múltiplas opções de implementação/design ou escrever um RFC de engenharia. Ela oferece paradigmas como comparação de três esquemas (compare.html), direções de design visual e planos de implementação (plan.html), sendo carregada quando a skill pai html-effectiveness lida com requisições de "comparação/seleção/RFC/plano".

Sub-skill de Pesquisa e Aprendizagem. Ativada quando o usuário pergunta 'Como X funciona neste repositório?' (com TL;DR, passos e FAQ) ou solicita a explicação de um conceito abstrato (com visualização interativa). Carrega quando a skill pai detecta pedidos como 'explicar', 'ensinar-me' ou 'aprender'.

Esta sub-skill, 'Revisão e Compreensão de Código', é utilizada para revisões de PR, escrita de PR (lado do autor) ou para entender caminhos de requisição/pilhas de chamadas de módulos de código desconhecidos. Ela abrange revisão de PR (diff.html), escrita de PR (pr.html) e diagramas de módulo, sendo carregada quando a skill pai roteia requisições como 'revisar/PR/auditar/como este código funciona'.

Esta sub-skill oferece interfaces de edição HTML personalizadas para ferramentas de 'operar e exportar', como painéis de triagem, editores de feature flags e afinadores de prompt. Cada editor deve ter um botão 'Copiar Resultado' para retornar o estado da UI ao agente, sendo carregada quando a skill pai roteia requisições relevantes.

Esta sub-skill gerencia protótipos e fluxos clicáveis. É usada quando um usuário precisa determinar a duração/easing de uma transição (através de um sandbox de animação) ou testar a sensação de um fluxo interativo de 4-6 telas, sendo carregada quando a skill pai roteia requisições de animação, protótipo, sensação ou fluxos clicáveis.

Sub-skill: Slides controlados por teclado. Ideal para reuniões onde o usuário precisa de slides "prontos para apresentar" em um único arquivo HTML, sem Keynote/PPT/Google Slides, navegáveis por setas. Ativado por requisições como "slides" ou "apresentação".

Esta sub-skill de Relatórios Periódicos é usada para gerar relatórios de status semanais (KPIs, entregas, velocidade, carryover) ou postmortems de incidentes (linha do tempo, causa raiz, impacto, ações). Ela é carregada quando a skill pai detecta solicitações como 'relatório semanal', 'status report', 'postmortem' ou 'incidente'.

Esta sub-skill é usada para ilustrações e diagramas, incluindo conjuntos de ilustrações SVG para blogs/documentos, fluxogramas, máquinas de estado e pipelines de deploy. Todas as figuras são geradas com SVG inline, sem bibliotecas externas, e é carregada quando a skill pai detecta solicitações de visualização de diagramas.

Esta skill permite que o agente produza conteúdo espacial, paralelo, comparável ou interativo usando HTML de arquivo único em vez de Markdown. Ela atua como um roteador, usando uma estrutura de decisão para determinar o uso de HTML e despachando para uma das 9 sub-skills para solicitações como comparação, planejamento, revisão, relatórios, interpretação, apresentações, edição ou visualização, reutilizando templates para produzir artefatos executáveis.