Roku skill

O que ela faz

Roku é um design system pronto pra painel de aplicativo, inspirado na Vercel e no GitHub: navegação só na barra de cima, sem menu lateral, conteúdo em cards, painéis com efeito de vidro, sombras suaves e cantos arredondados. A skill passa isso pro Claude com os valores exatos.

Estão definidos o roxo principal (#9333ea), o secundário, as cores de sucesso, alerta e erro, a fonte Inter com JetBrains Mono pro código, a escala de tamanhos de 12 a 32 e o espaçamento de 4 a 32. O Claude usa esses tokens em vez de inventar valor solto.

Quando você pede o guia de um componente, ele entrega os estados (normal, foco, desativado, carregando, erro), o comportamento no teclado e no toque, as regras de acessibilidade no padrão WCAG 2.2 AA e uma lista de checagem pra revisar o código.

Nas palavras de quem fez

Quando usar

• Montar o painel de um SaaS ou de uma ferramenta interna
• Deixar todas as telas de um app com a mesma cara
• Escrever o guia de componentes de um produto pro time seguir
• Revisar um painel que ficou com cores e espaçamentos desencontrados

Depois de instalar, é só pedir assim

• Usa a skill roku e monta a tela inicial do painel do meu SaaS com os números do mês em cards
• Escreve as regras do botão e do campo de formulário no padrão Roku, com todos os estados
• Refaz essa página de configurações seguindo o design system Roku

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