Initial commit

This commit is contained in:
Zhongwei Li
2025-11-30 08:26:52 +08:00
commit 93538d7698
4 changed files with 160 additions and 0 deletions

View File

@@ -0,0 +1,12 @@
{
"name": "leapmultix-skill-bundle-size-optimizer",
"description": "Skill bundle-size-optimizer from LeapMultix",
"version": "1.0.0",
"author": {
"name": "Julien LE SAUX",
"email": "contact@jls42.org"
},
"skills": [
"./skills"
]
}

3
README.md Normal file
View File

@@ -0,0 +1,3 @@
# leapmultix-skill-bundle-size-optimizer
Skill bundle-size-optimizer from LeapMultix

45
plugin.lock.json Normal file
View File

@@ -0,0 +1,45 @@
{
"$schema": "internal://schemas/plugin.lock.v1.json",
"pluginId": "gh:jls42/leapmultix:leapmultix-marketplace/skills/bundle-size-optimizer",
"normalized": {
"repo": null,
"ref": "refs/tags/v20251128.0",
"commit": "d992c725f3a044efb5bad38f399e146aee32601a",
"treeHash": "a015df28cf3a421761e908717eb0bb1c4cfa5e43a9a540676f30c76efed958ed",
"generatedAt": "2025-11-28T10:19:11.281203Z",
"toolVersion": "publish_plugins.py@0.2.0"
},
"origin": {
"remote": "git@github.com:zhongweili/42plugin-data.git",
"branch": "master",
"commit": "aa1497ed0949fd50e99e70d6324a29c5b34f9390",
"repoRoot": "/Users/zhongweili/projects/openmind/42plugin-data"
},
"manifest": {
"name": "leapmultix-skill-bundle-size-optimizer",
"description": "Skill bundle-size-optimizer from LeapMultix",
"version": "1.0.0"
},
"content": {
"files": [
{
"path": "README.md",
"sha256": "44a206f7e950d99e54c562d65e547d837904a794c8c7a29a41d4f844c8c63ebb"
},
{
"path": ".claude-plugin/plugin.json",
"sha256": "8bfcbd4527b78df32fc76f77d506f6fdbbfdecd0d9503fb4f16a3488179b3e58"
},
{
"path": "skills/bundle-size-optimizer/SKILL.md",
"sha256": "c577ed2817ce33a9515baf7c986e2c7c14628eb66c09ae996db594eb31d361ea"
}
],
"dirSha256": "a015df28cf3a421761e908717eb0bb1c4cfa5e43a9a540676f30c76efed958ed"
},
"security": {
"scannedAt": null,
"scannerVersion": null,
"flags": []
}
}

View File

@@ -0,0 +1,100 @@
---
name: optimizing-bundle-size
description: Analyzes and reduces JavaScript bundle size for fast loading. Use when adding dependencies, before releases, or if bundle exceeds 200KB
allowed-tools: Read, Grep, Glob, Bash
---
# Optimiseur de Taille de Bundle
Optimise taille des bundles JavaScript pour chargement rapide et performance mobile.
## Quand utiliser
- Ajout de nouvelles dépendances
- Bundle > 200 KB (gzipped)
- Avant chaque release
- Optimisation mobile (3G/4G)
- Audit de performance
## Cibles de taille
- Bundle initial : < 100 KB (gzipped)
- Bundle total : < 500 KB
- Modules individuels : < 50 KB
## Stratégies essentielles
### Tree Shaking
- Imports nommés (pas `import *`)
- Imports spécifiques de modules externes
- Named exports (pas d'export default d'objets)
### Code Splitting
- Import dynamique avec `import()`
- Lazy loading de composants lourds
- Vérifier lazy loading des modes de jeu
### Minification & Compression
- Minifier actif en production
- Gzip/Brotli sur serveur (-70% taille)
- Source maps pour debug
### Éliminer duplications
- Détecter code similaire entre modules
- Extraire logique partagée
- Cherche jeux arcade avec patterns similaires
## Outils d'analyse
**Scripts npm :**
- `npm run analyze:dependencies` - Dépendances non utilisées
- `npm run dead-code` - Exports/fonctions jamais appelés
- `npm run analyze:globals` - Variables globales
- `npm run analyze:assets` - Assets volumineux
**Mesurer impact :**
- Taille gzippée avant/après
- Lighthouse CI (Performance > 90)
- Tests mobile 3G/4G
## Workflow
1. **Analyser :** Lancer scripts npm d'analyse
2. **Identifier :** Code mort, modules lourds, imports sous-optimaux
3. **Optimiser :** Une stratégie à la fois (lazy loading > tree shaking > minification)
4. **Mesurer :** Taille gzippée, temps chargement, Lighthouse
5. **Valider :** Tests passent, mobile performant
## Checklist
- [ ] Scripts d'analyse exécutés
- [ ] Imports optimisés (spécifiques, pas wildcard)
- [ ] Code mort retiré
- [ ] Lazy loading vérifié
- [ ] Minification/Gzip activés
- [ ] Lighthouse > 90 (Performance)
- [ ] Bundle < 100 KB (gzipped)
## En cas de doute
**Règles absolues :**
1. Toujours mesurer avant/après
2. Une optimisation à la fois
3. Priorité : lazy loading > tree shaking > minification
4. Mobile 3G/4G = référence
5. Tests passent après chaque changement
**Workflow minimal :**
```bash
npm run analyze:dependencies # Identifier code mort
npm run dead-code # Vérifier exports non utilisés
npm run analyze:assets # Vérifier assets volumineux
```