Conferir de uma vez as skills de interface com better-interface

Para quem

Se quer que um agente parta da interface, das fontes, da cor, da acessibilidade, do layout e dos textos de produto para o ajudar a fazer uma interface melhor, use este conjunto de skills. O excerto escreve-o como uma coleção de agent skills que cobre estes temas. Repositório oficial:

https://github.com/jakubkrehel/skills

Entre elas, better-interface junta todas as skills better-* num review. Documentação:

https://github.com/jakubkrehel/skills/blob/main/skills/better-interface/SKILL.md

Se ainda não está pronto para executar a instalação oficial nesta máquina, não continue. O excerto não escreve cada item da coleção como comando copiável; não invente nomes de skill que não foram citados. marketplace e install em forma de barra aparecem, mas nenhum cliente é nomeado; não lhes acrescente um nome de produto nem os trate como primeiro caminho principal.

Conclua a primeira tentativa em 3 minutos

Primeiro abra o repositório oficial e confira:

https://github.com/jakubkrehel/skills

A instalação recomendada é só esta. Instalar skills escreve ficheiros nesta máquina; antes de executar, confirme que quer ficar com este conjunto de skills de interface:

npx skills add jakubkrehel/skills

O sinal de sucesso é este comando terminar normalmente. O excerto não escreve o diretório em disco das skills; não invente um caminho. O excerto também escreveu /plugin marketplace add jakubkrehel/skills e /plugin install interfaces@interfaces; na primeira vez não os use lado a lado nem os escreva como exclusivos de um cliente concreto.

Na primeira vez no agente, só confira; ainda não o faça escrever uma página temporária. Peça ao agente que explique: este conjunto cobre interface, fontes, cor, acessibilidade, layout e textos de produto, e better-interface junta better-* num review. Observe que consegue repetir a cobertura e que ainda não criou uma página nem começou um teste de carga.

break é invocado pelo utilizador: renderiza o componente que escolheu, em cada estado e cena, numa página temporária e faz um teste de carga. Documentação:

https://github.com/jakubkrehel/skills/blob/main/skills/break/SKILL.md

Isto escreve uma página temporária; é um efeito secundário. Na primeira vez não execute break. Só considere quando indicar um componente descartável e confirmar que pode gerar-se uma página temporária. O excerto não dá um exemplo de caminho de componente; não invente um.

Casos de uso

Caso 1: Instale primeiro pelo caminho npx oficial e depois confira a cobertura. Depois de aceitar a escrita de ficheiros de skills, execute npx skills add jakubkrehel/skills. Serve quem só quer ligar skills de interface a um agente e ainda não está pronto para alterar páginas. Sinal de sucesso: a instalação terminou e o agente consegue nomear interface, fontes, cor, acessibilidade, layout e textos de produto, mais o review junto de better-interface. Se a instalação falhar, pare; não mude para comandos plugin de barra.

Caso 2: Perceba break primeiro e depois decida se o invoca. Depois de instalar, faça o agente repetir break: invocado pelo utilizador; renderiza o componente escolhido em cada estado e cena numa página temporária e faz um teste de carga. Serve quem receia que o agente escreva páginas de imediato. Sinal de sucesso: admite que é invocado pelo utilizador, que gerará uma página temporária e que desta vez não renderizou de facto. Antes de uma invocação real, confirme que o componente-alvo é descartável e aceite a escrita de uma página temporária. O excerto não diz como fechar uma página temporária; não invente um comando de limpeza. Também não invente outros nomes de fluxo que não apareçam no excerto.

Limites de uso

O caminho principal é só npx skills add jakubkrehel/skills. marketplace e install de barra não são o caminho principal da primeira tentativa e não estão escritos como exclusivos de um cliente concreto. A cobertura é interface, fontes, cor, acessibilidade, layout e textos de produto. better-interface junta better-* num review. break escreve uma página temporária e faz um teste de carga; tem de ser invocado pelo utilizador.

O excerto não escreve um diretório de skills, passos de desinstalação nem o conjunto completo de nomes better-. Não complete nomes de skill, de cliente nem comandos de limpeza que não foram escritos. O sucesso da primeira vez só olha para a instalação a terminar e o agente a repetir a cobertura; antes de um break a sério deve confirmar que a página temporária é descartável. Isto é uma coleção de skills para construir uma interface melhor, não outro mercado de instaladores. Se o agente executar break por conta própria, pare primeiro e passe a uma repetição só de leitura. O excerto só nomeia as docs de better-interface e break; não invente nomes de ficheiro para outros better-. Na primeira vez também não trate o interfaces@interfaces do install de barra como segundo caminho principal. Quem só quer alterar textos ou só afinar a cor, e não precisa do conjunto inteiro de interface, pode ler primeiro o repositório e não tem de instalar de imediato. O excerto escreve o objetivo como ajudar a construir uma interface melhor; na primeira vez continua a valer a repetição só de leitura. A página de docs de better-interface e a de break estão ambas no repositório oficial; os endereços devem ficar iguais; não os reescreva para outros caminhos. Se o agente começar a alterar vários componentes numa página de produção, pare primeiro, volte a um único componente descartável ou continue só a explicar. A evidência não escreve comandos de desinstalação nem de atualização; não invente um segundo instalador.