Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Studio Best Practices skill
Reúne boas práticas de React e TypeScript pro Supabase Studio: nomes booleanos, estrutura de componentes
- instalações
- 158
- estrelas no GitHub
- 113,9 mil
- No skills.sh desde
- março de 2026
- Licença
- Apache-2.0
Atualizada no GitHub em 26 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no GitHub.
Nas palavras de quem fez
React and TypeScript best practices for Supabase Studio. Use when writing or reviewing Studio components — covers boolean naming, component structure,…
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
Como instalar a Studio Best Practices no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Studio Best Practices, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
Levar essa skill
1x studio-best-practicesR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/supabase/supabase
Aprenda a usar
- O que é o Claude Code (Claude CLI) e como começar
O que é o Claude Code (Claude CLI), pra que serve pra quem não programa, o que ele pede pra rodar e como se compara ao Codex, ao Antigravity e ao Cursor.
Na mesma prateleira
Ver as 5.600 skills do corredorsickn33
trigger-
O Claude tira do seu app o que demora, como relatório, chamada de IA e webhook, e passa pro Trigger.dev, com nova tentativa, fila e agendamento.Auditada509 instalações, grátisdev garrytan
plan-
Antes de escrever código, o Claude revisa o plano como um gerente de engenharia e devolve as decisões, os riscos, o plano de testes e a lista de tarefas.496 instalações, grátiseng- review margelo
kotlin
O Claude escreve Kotlin que não trava a tela nem esconde erro, com tipos que deixam claro cada estado e um arquivo pra cada responsabilidade.Auditada473 instalações, grátisPostHog
playwright-
O Claude navega pela tela, propõe o plano de teste, escreve, roda e corrige até tudo passar dez vezes seguidas.OficialAuditada215 instalações, grátistest Cloudflare
verification-
O Claude para de dizer 'pronto' no chute: antes de afirmar que algo funciona, ele roda o comando e mostra o resultado.OficialAuditada81 instalações, grátisbefore- completion Vercel Labs
twilio
Você testa SMS, código de confirmação por celular e webhooks do seu sistema no próprio computador, sem conta na Twilio e sem pagar mensagem.OficialAuditada73 instalações, grátisreceiving-
Quando alguém revisa seu código, o Claude confere se a sugestão faz sentido no seu projeto antes de mexer, em vez de concordar com tudo.Oficial52 instalações, grátiscode- review ClickHouse
typescript-
Quem mexe no código do cliente JavaScript do ClickHouse tem o Claude achando onde cada coisa é definida e usada, com precisão, em vez de procurar texto.OficialAuditada48 instalações, grátislsp
Mais da loja Supabase
Ver a loja SupabaseSupabase
supabase-
Antes de mexer no seu banco, o Claude consulta as regras da Supabase pra evitar os erros que deixam o sistema lento ou mostram dado de um cliente pra outro.OficialAuditada460,5 mil instalações, grátispostgres- best- practices supabase
O Claude mexe no seu Supabase conferindo a documentação de hoje e fechando as brechas de segurança mais comuns de banco, login e arquivos.Oficial343,7 mil instalações, grátissupabase-
Orienta o código de servidor com @supabase/server: Edge Functions, apps Hono e handlers de webhookOficial9.700 instalações, grátisserver vitest
Consulta a API e a configuração do Vitest: mocks, spies, timers falsos, cobertura e snapshotsOficialAuditada2.800 instalações, grátisstudio-
Orienta como escrever e organizar testes do Supabase Studio, tirando a lógica dos componentes ReactOficialAuditada323 instalações, grátistesting telemetry-
Define o padrão de eventos do PostHog no Supabase Studio: useTrack(), constantes e revisão de PRsOficial288 instalações, grátisstandards studio-
Padroniza como o Supabase Studio mostra e explica erros de API e de consultas na interfaceOficialAuditada249 instalações, grátiserror- handling studio-
Define os padrões de design system do Supabase Studio para páginas, formulários, tabelas e navegaçãoOficialAuditada223 instalações, grátisui- patterns studio-
Escreve e roda testes E2E com Playwright do Supabase Studio e depura os que falham ou oscilamOficialAuditada216 instalações, grátise2e- tests e2e-
Roda os testes E2E com Playwright do app Supabase StudioOficialAuditada211 instalações, grátisstudio- tests studio-
Segue as convenções de React Query para buscar dados no Supabase Studio: hooks, mutations e chavesOficialAuditada210 instalações, grátisqueries dev-
Revisa mudanças na barra de ferramentas de dev, no cliente PostHog e nas feature flags do SupabaseOficialAuditada181 instalações, grátistoolbar- review