Reka UI skill

O que ela faz

O Reka UI, antigo Radix Vue, é uma biblioteca de componentes Vue 3 sem estilo e no padrão de acessibilidade WAI-ARIA. A skill dá ao Claude a API atual (versão 2.11), as peças de cada componente, como Root, Trigger e Content, e exemplos de modal e select, pra ele não chutar nome de propriedade.

Explica quando controlar o estado com v-model e quando usar as propriedades default, como o asChild põe o seu próprio elemento no lugar do que o componente criaria, o forceMount pra animação e a virtualização de listas grandes no Combobox, no Listbox e no Tree. Mostra também a instalação no Nuxt e no Vite.

Tem um índice de componentes por categoria e um arquivo por componente, e o Claude abre só o que a tarefa pede. Lista as novidades das últimas versões, como o Drawer com gesto de arrastar, o Autocomplete e os seletores de cor, de mês e de ano.

Nas palavras de quem fez

Quando usar

• Criar um modal, menu ou popover acessível num app Vue ou Nuxt
• Mexer em componentes do Nuxt UI ou do shadcn-vue, que usam Reka UI por baixo
• Montar um formulário com select, data e campo de horário
• Mostrar uma lista com milhares de itens sem travar a tela

Depois de instalar, é só pedir assim

• Faz um modal de confirmação com Reka UI, controlado por v-model, com o visual em Tailwind
• Monta um combobox de cidades com virtualização, a lista tem 5 mil itens
• Troca o botão que abre o menu por um botão meu usando as-child

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykPassou

Perguntas