Synthèse automatique
Automatise la construction, la prévisualisation et le déploiement du site Eleventy VisaJobs.xyz vers GitHub Pages.
Points forts
- Donne les commandes exactes pour le serveur de développement, le build Eleventy, Tailwind et l'indexation Pagefind dans le bon ordre
- Décrit l'arborescence du projet et les fichiers de configuration clés (.eleventy.js, site.json, copie de jobs.json vers db.json)
- Fournit un tableau de dépannage pour les erreurs courantes : styles manquants, recherche cassée, db.json obsolète, push nécessitant un token
- Explique la procédure de déploiement automatique par push sur main et la bascule du remote en SSH
Limites
- Fortement spécifique au dépôt relocate-with-us.github.io : les chemins, identifiants Analytics/AdSense et le domaine sont codés en dur
- Ne couvre pas les tests, le linting ni la validation du contenu avant déploiement
- Suppose que l'utilisateur a déjà les accès Git et GitHub Pages configurés
À utiliser lorsqu'il faut reconstruire, prévisualiser localement ou publier une modification du site VisaJobs.xyz.
À éviter pour un autre projet Eleventy ou pour des tâches sans rapport avec le build et le déploiement de ce site.
Analyse de sécurité
SûrThe skill provides standard build, preview, and deployment instructions for an Eleventy site using npm, npx, and git push. No destructive commands, data exfiltration, obfuscation, or unsafe network actions are present. The only network operations are npm install and git push to a specified repository, which are expected for a deploy skill.
Aucun point d'attention détecté
Comment cette analyse est faiteExemples
Start the Eleventy dev server for visajobs.xyz so I can preview my changes locally.The site looks unstyled after my last change — rebuild Tailwind and Eleventy, then re-run Pagefind.Commit all my changes and push to main so the VisaJobs.xyz site redeploys on GitHub Pages.name: site-deploy description: Build, preview, and deploy the VisaJobs.xyz Eleventy site. Use when the user asks to build, deploy, push, preview the site, run the dev server, or fix build errors.
Build & Deploy VisaJobs.xyz
Tech Stack
- Generator: Eleventy 3.x (config:
.eleventy.js) - Styling: Tailwind CSS 3.4 (config:
tailwind.config.js) - Templates: Nunjucks (
.njk) insrc/ - Search: Pagefind (post-build indexing)
- Hosting: GitHub Pages (repo:
relocate-with-us/relocate-with-us.github.io) - Domain: visajobs.xyz (CNAME file)
Project Structure
src/
├── _data/ # Global data (jobs.json, companies.json, site.json)
├── _includes/
│ ├── layouts/ # base.njk
│ └── partials/ # header, footer, newsletter
├── assets/
│ ├── css/input.css
│ └── js/main.js
├── index.njk # Home page
├── visa-sponsored-jobs/ # Main job listing
├── relocation-jobs/ # Relocation-focused listing
├── blog/ # Markdown blog posts
├── resources/ # Country guides, tips
└── tools/ # Visa checker, salary calc, etc.
media/ # Company logos (passthrough copied)
favicon/ # Favicons
Commands
Install dependencies
npm install
Development server
npx @11ty/eleventy --serve
Production build
npx @11ty/eleventy
Build output: _site/
Build Tailwind CSS
npx tailwindcss -i src/assets/css/input.css -o _site/assets/css/styles.css
Run Pagefind indexing (after build)
npx pagefind --site _site
Deploy (GitHub Pages)
The site auto-deploys on push to main via GitHub Pages.
git add -A
git commit -m "description of changes"
git push origin main
Remote URL
Currently HTTPS. To switch to SSH (avoids token prompts):
git remote set-url origin git@github.com:relocate-with-us/relocate-with-us.github.io.git
Key Config Notes
.eleventy.jscopiessrc/_data/jobs.jsonto_site/db.jsonafter build (legacy compatibility)src/_data/site.jsonholds site metadata, social links, analytics IDs- Google Analytics:
G-E6NMFQFHMZ - AdSense:
ca-pub-7578309605540082 - Grow.me/Mediavine Journey script is in
base.njk<head>
Common Issues
| Issue | Fix | |-------|-----| | Styles missing | Run Tailwind build before/alongside Eleventy | | Search broken | Run Pagefind after Eleventy build | | db.json stale | Rebuild — it's auto-copied from jobs.json | | Push needs token | Switch remote to SSH (see above) |
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/build-and-deploy-visajobs-xyz-ms1aw6ct/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/build-and-deploy-visajobs-xyz-ms1aw6ct' && curl --fail --show-error --location 'https://skills-guides.com/api/skills/build-and-deploy-visajobs-xyz-ms1aw6ct/download' --output '.skill-downloads/build-and-deploy-visajobs-xyz-ms1aw6ct/SKILL.md.part' && mv '.skill-downloads/build-and-deploy-visajobs-xyz-ms1aw6ct/SKILL.md.part' '.skill-downloads/build-and-deploy-visajobs-xyz-ms1aw6ct/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/build-and-deploy-visajobs-xyz-ms1aw6ct/SKILL.md' && test -s '.skill-downloads/build-and-deploy-visajobs-xyz-ms1aw6ct/SKILL.md' && mkdir -p '.claude/skills' && test ! -e '.claude/skills/site-deploy' && cp -R '.skill-downloads/build-and-deploy-visajobs-xyz-ms1aw6ct' '.claude/skills/site-deploy'Cursor
test -f '.skill-downloads/build-and-deploy-visajobs-xyz-ms1aw6ct/SKILL.md' && test -s '.skill-downloads/build-and-deploy-visajobs-xyz-ms1aw6ct/SKILL.md' && mkdir -p '.cursor/skills' && test ! -e '.cursor/skills/site-deploy' && cp -R '.skill-downloads/build-and-deploy-visajobs-xyz-ms1aw6ct' '.cursor/skills/site-deploy'Codex
test -f '.skill-downloads/build-and-deploy-visajobs-xyz-ms1aw6ct/SKILL.md' && test -s '.skill-downloads/build-and-deploy-visajobs-xyz-ms1aw6ct/SKILL.md' && mkdir -p '.agents/skills' && test ! -e '.agents/skills/site-deploy' && cp -R '.skill-downloads/build-and-deploy-visajobs-xyz-ms1aw6ct' '.agents/skills/site-deploy'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/build-and-deploy-visajobs-xyz-ms1aw6ct'openskills read 'build-and-deploy-visajobs-xyz-ms1aw6ct'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/build-and-deploy-visajobs-xyz-ms1aw6ct/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.
Configurer un canal de discussion avec SecretRefs
DevOps
Configurez des canaux de discussion avec des commandes non interactives, les secrets étant uniquement des SecretRefs. Couvre les étapes de collecte, modification, réparation et vérification.
Enquêter sur les échecs CI de ClickHouse
DevOps
Investigue un échec CI de ClickHouse de bout en bout à partir d'une URL de PR ou de rapport S3. Récupère les tests échoués, classe flaky vs vraie régression, et cherche des issues/fixes existants.
Revue de PR Ansible
DevOps
Examine une PR Ansible selon le processus standardisé du projet, incluant la validation des changelogs, la couverture de tests et le suivi des commentaires.