Synthèse automatique
Génère un script complet de validation avant push pour un projet, incluant vérifications de qualité, builds, tests et documentation.
Points forts
- Automatise les vérifications pré-push de manière exhaustive
- S'adapte à la structure spécifique du projet (package.json, dossiers)
- S'intègre facilement à Claude Code en tant que compétence réutilisable
- Fournit un rapport détaillé avec le temps écoulé et la liste des échecs
Limites
- Nécessite que le projet utilise package.json et respecte certaines conventions
- Peut nécessiter des ajustements manuels pour des configurations non standard
- La mise en place des tests e2e peut être complexe si un serveur est requis
Utilisez cette compétence lors de la configuration d'un nouveau projet ou pour standardiser les validations avant push dans un projet existant.
Évitez de l'utiliser pour des projets sans étapes de build ou de test, ou lorsque l'équipe préfère une validation via CI uniquement.
Analyse de sécurité
SûrThe skill generates a development validation script and does not perform destructive actions, exfiltrate data, or use obfuscated payloads. It only runs project-specific commands like pnpm scripts, all under user control.
Aucun point d'attention détecté
Comment cette analyse est faiteExemples
Create a before-push validation script for this project.Add a b4push script that includes e2e tests with Playwright.Update the b4push script to include documentation checks.name: dev-create-b4push-script description: >- Create a comprehensive before-push validation script (b4push) and project-level b4push skill for any project. Analyzes the project structure, identifies check steps (quality, build, test, doc site, e2e), generates scripts/run-b4push.sh, adds package.json entry, and creates .claude/skills/b4push/skill.md. Use when: (1) User says 'create b4push', 'add b4push', 'before push script', (2) Setting up a new project's CI/validation workflow, (3) User wants comprehensive pre-push checks for a project. user-invocable: true allowed-tools:
- Bash
- Read
- Write
- Edit
- Glob
- Grep
Create B4Push Script
Generate a comprehensive before-push validation script for the current project.
Workflow
1. Analyze the project
Read package.json to understand:
- Package manager (pnpm/npm/yarn) - check lockfiles
- Available scripts:
check,build,test,lint,format,typecheck - Whether there's a doc site (look for
doc/,docs/,website/directories with their own package.json) - Whether there are e2e tests (playwright, cypress)
- Whether there are data generation scripts (e.g.,
generate-*scripts in doc)
2. Determine steps
Common step patterns (adapt to project):
| Step | Command | When to include |
| --- | --- | --- |
| Code quality | pnpm check or pnpm lint && pnpm format | Always |
| TypeScript build | pnpm build | If build script exists |
| Unit tests | pnpm test | If test script exists |
| Doc data generation | cd doc && pnpm run generate-* | If doc site has generate scripts |
| Doc quality checks | cd doc && pnpm run check | If doc site has check script |
| Doc site build | cd doc && pnpm build | If doc site exists |
| E2E tests | Start server + run playwright | If e2e tests exist |
For projects with e2e tests, add server lifecycle management (start, wait for ready, run tests, kill).
3. Create the shell script
Create scripts/run-b4push.sh based on the template in assets/run-b4push-template.sh.
Key patterns:
set -euo pipefailfor strict error handlingFAILURES=()array - continues all steps even if some failstep(),pass(),fail()helper functions- Subshell execution
(cd "$DIR" && command)to isolate directory changes ROOT_DIR="$(cd "$(dirname "$0")/.." && pwd)"for reliable path resolution- Summary section with elapsed time and failure list
- Exit 0 on success, exit 1 on any failure
Make the script executable: chmod +x scripts/run-b4push.sh
4. Add package.json script
Add to package.json:
{
"scripts": {
"b4push": "./scripts/run-b4push.sh"
}
}
5. Create project-level b4push skill
Create .claude/skills/b4push/skill.md based on assets/b4push-skill-template.md.
Customize:
- Step list with project-specific descriptions
- Estimated duration
- Fix commands specific to the project (e.g.,
pnpm check:fix,cd doc && pnpm check:fix)
The skill should have user-invocable: true and allowed-tools: [Bash]. The description must include triggers for automatic invocation on big changes, PR completion, etc.
6. Test
Run pnpm b4push to verify all steps execute correctly. Fix any issues found.
Reference projects
These projects have working b4push setups:
- mdx-formatter: 6 steps (quality, build, test, doc data, doc quality, doc build), ~40s
- zmod: 9 steps including e2e with production server, ~3-4 min
- zpanels: Dual-track (quick 3 steps ~3-5 min, full 6+ steps with e2e ~10-15 min)
Du fichier au premier essai
Le téléchargement contient exactement le contenu affiché sur cette fiche. Cette copie peut différer de la dernière version du dépôt source.
Consulter la source et ses fichiers annexesCe téléchargement contient uniquement SKILL.md. Les scripts, références, modèles et dépendances éventuels ne sont pas inclus. Récupérez les fichiers nécessaires depuis la source en conservant leur arborescence avant de poursuivre.
1. Télécharger le fichier
Télécharger SKILL.mdDepuis la racine d’un projet de test, enregistrez le fichier sous .skill-downloads/create-before-push-validation-script-mm8o522x/SKILL.md, ou utilisez la commande suivante. Ce dossier sert à examiner la skill avant son installation.
Commande pour macOS/Linux ou WSL : un shell POSIX et curl sont nécessaires. Sous Windows sans WSL, utilisez le bouton de téléchargement et créez le dossier manuellement.
mkdir -p '.skill-downloads/create-before-push-validation-script-mm8o522x' && curl --fail --show-error --location 'https://skills-guides.com/api/skills/create-before-push-validation-script-mm8o522x/download' --output '.skill-downloads/create-before-push-validation-script-mm8o522x/SKILL.md.part' && mv '.skill-downloads/create-before-push-validation-script-mm8o522x/SKILL.md.part' '.skill-downloads/create-before-push-validation-script-mm8o522x/SKILL.md'2. Vérifier les prérequis
Lisez SKILL.md avant de l’utiliser. Si le fichier cite des scripts ou services externes, examinez-les et préparez les accès nécessaires dans votre environnement de test.
Aucune section de prérequis reconnue dans ce fichier. Cela ne signifie pas qu’il est autonome : les bibliothèques, outils et accès peuvent être cités ailleurs dans le contenu ou dans le dépôt source.
Les plateformes de la fiche sont des indications du catalogue. Les chemins ci-dessous suivent la documentation des outils ; ils ne prouvent pas que cette skill y a été exécutée. Aucune version minimale de ces outils n’est attestée pour cette fiche.
3. Charger la skill
Après vérification, copiez le dossier complet dans le projet avec l’une des commandes ci-dessous, puis ouvrez une nouvelle session de l’outil. La commande s’arrête si un dossier du même nom existe déjà : comparez les fichiers avant de le remplacer.
Claude Code
test -f '.skill-downloads/create-before-push-validation-script-mm8o522x/SKILL.md' && test -s '.skill-downloads/create-before-push-validation-script-mm8o522x/SKILL.md' && mkdir -p '.claude/skills' && test ! -e '.claude/skills/dev-create-b4push-script' && cp -R '.skill-downloads/create-before-push-validation-script-mm8o522x' '.claude/skills/dev-create-b4push-script'OpenSkills
OpenSkills doit déjà être installé. La procédure locale install/read est contrôlée avec OpenSkills 1.5.0, qui exige Node.js ≥ 20.6.0. Aucun slug du catalogue n’est résolu automatiquement.
Installation officielle d’OpenSkillsopenskills install './.skill-downloads/create-before-push-validation-script-mm8o522x'openskills read 'create-before-push-validation-script-mm8o522x'La lecture doit afficher le contenu du fichier installé et son dossier de base. Elle ne lance ni la skill ni ses dépendances.
Pour un agent qui lit AGENTS.md, synchronisez ensuite l’index. Cette commande modifie AGENTS.md : relisez le diff avant de l’utiliser.
openskills syncMode manuel ou autre outil : joignez SKILL.md à une conversation, ou ouvrez-le dans un agent capable de lire les fichiers. Ajoutez les ressources annexes nécessaires. Il n’existe pas de dossier universel reconnu par tous les outils.
4. Faire un premier essai
Utilisez une entrée courte et fictive : un endpoint d’API, un petit document ou un brief d’interface. Dans une nouvelle conversation, joignez le fichier ou donnez son chemin à l’agent, puis adaptez cette demande :
Lis .skill-downloads/create-before-push-validation-script-mm8o522x/SKILL.md et applique ses instructions à cet exemple : [décrire une entrée de test]. Indique les fichiers, dépendances ou accès qui manquent. Produis le résultat demandé par la skill sans inventer de données ni exécuter de script non examiné.Résultat attendu : une sortie correspondant aux instructions de la skill, ou une liste précise des prérequis manquants. Une simple confirmation de lecture ne valide pas le premier usage. Si une ressource externe est indisponible, ce parcours reste à tester.
Bonnes pratiques React Hook Form
Developpement
Maîtrisez React Hook Form : évitez les anti-patterns, gérez les abonnements, et traitez correctement reset, dirty state et entrées contrôlées.
Migration Emotion vers Mantine
Developpement
Migrer les styled-components Emotion vers des composants Mantine avec style props et modules CSS. Pour convertir .styled.tsx ou supprimer les imports @emotion.
Détecteur de dérive de périmètre
Developpement
Analyse les diffs git par rapport à une intention pour détecter la dérive de périmètre, fichiers non liés et PR trop larges, puis suggère de garder, diviser ou justifier.