Banque de skills
04 skillsLes skills à garder sous la main, avec leurs commandes et leurs liens.
4 skills affichés sur 4
Voir le sommaireAuditer les règles RLS
supabase-audit-rlspar Yoan Bernabeu
Vérifier qui peut lire ou modifier les données de ton projet Supabase et obtenir un rapport avec les risques, les preuves et les corrections proposées.
1Installation
npx skills add https://github.com/yoanbernabeu/supabase-pentest-skills --skill supabase-audit-rls2Utilisation
/supabase-audit-rlsAprès installation, dans un agent compatible avec les commandes /.
3Exemple de demande
Audite les règles RLS de mon projet Supabase : accès anonymes, accès connectés et isolation entre utilisateurs et entreprises. Produis un rapport avec les preuves, la gravité et les corrections proposées, sans modifier la base.Auditer la sécurité du front
security-best-practicespar OpenAI
Chercher les failles du front-end, notamment les injections de scripts (XSS), et obtenir un rapport qui indique les fichiers, les lignes concernées, les risques et les corrections.
1Installation
npx skills add https://github.com/openai/skills --skill security-best-practices2Utilisation
/security-best-practicesAprès installation, dans un agent compatible avec les commandes /.
3Exemple de demande
Utilise security-best-practices pour auditer le front-end React/TypeScript : XSS, HTML et Markdown non fiables, URL et redirections, stockage des jetons, scripts tiers et CSRF si l’authentification utilise des cookies. Pour chaque problème confirmé, donne le fichier, la ligne, la gravité, la preuve et une correction. Distingue les éléments à vérifier côté serveur ou hébergeur. Ne modifie pas le code.Composer le front en composants
vercel-composition-patternspar Vercel
Transformer les composants trop complexes en éléments réutilisables, avec des responsabilités claires et une gestion de l’état séparée de l’affichage.
1Installation
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patterns2Utilisation
/vercel-composition-patternsAprès installation, dans un agent compatible avec les commandes /.
3Exemple de demande
Utilise vercel-composition-patterns pour analyser les gros composants du front-end React et proposer un découpage en composants réutilisables. Sépare les responsabilités, la logique d’état et l’affichage, et simplifie les props et les variantes. Conserve le rendu, le comportement et l’accessibilité. Évite les abstractions inutiles et vérifie les interactions après chaque changement.Bonnes pratiques React & Next.js
vercel-react-best-practicespar Vercel
Appliquer les recommandations de Vercel pour accélérer une application React ou Next.js : éviter les chargements en cascade, alléger le JavaScript envoyé au navigateur et limiter les rendus inutiles.
1Installation
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices2Utilisation
/vercel-react-best-practicesAprès installation, dans un agent compatible avec les commandes /.
3Exemple de demande
Utilise vercel-react-best-practices pour analyser les performances de mon projet React ou Next.js. Priorise les chargements en cascade, la taille du JavaScript et les rendus inutiles. Indique les fichiers concernés, explique les améliorations proposées et comment vérifier leur effet. Distingue les recommandations React de celles propres à Next.js. Propose un plan avant de modifier le code et conserve le comportement et l’accessibilité.