メニュー
Passive eco-design implementation guidelines. Apply them when writing or modifying front-end, back-end, build, or cache configuration. Loaded automatically at session start.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Use for explicit web eco-design audits, Green IT, code ecological impact, carbon footprint, or /ecocode requests. Proactive guidance is injected separately at session start by design and development.
Use when analyzing the ecological impact of back-end code: database queries, API payloads, server-side cache, background jobs, data transfers, N+1 queries, missing indexes, or server energy consumption from a green IT perspective.
Use when analyzing the ecological impact of front-end code: assets weight, HTTP requests, JavaScript bundles, CSS, images, fonts, browser rendering, lazy loading, caching, or web performance from a green IT perspective.
Use when generating a prioritized action plan from EcoCode audit results. Writes a markdown file with checkboxes, P1→P4 priorities, before/after code, and exact commands.
Use when writing EcoCode audit results to markdown files. Formats front-end and back-end audit data into separate timestamped files in docs/ecocode/audits/.
Use when resuming from an existing EcoCode audit. Reads existing audit files in docs/ecocode/audits/, extracts problems and scores, then routes to plan generation or fix suggestion without re-running the analysis.
| name | development |
| description | Passive eco-design implementation guidelines. Apply them when writing or modifying front-end, back-end, build, or cache configuration. Loaded automatically at session start. |
Applique ces règles automatiquement quand tu écris ou modifies une solution. Pas besoin qu'on te le demande.
loading="lazy" sur toutes les <img> hors viewport ; import() dynamique pour le code non critique (RWEB_0051, RWEB_0046)import { debounce } from 'lodash-es' pas import _ from 'lodash' (RWEB_0015)srcset/sizes, format WebP ou AVIF de préférence au JPEG/PNG (RWEB_0048, RWEB_0049)autoplay sur <video> ou <audio> sans contrôle explicite utilisateur (RWEB_0106)transition et animation CSS aux animations JavaScript (RWEB_0009)gradient, border-radius, clip-path plutôt que des images décoratives (RWEB_0037)DocumentFragment (RWEB_0044)querySelector répété (RWEB_0054)RWEB_0056)offsetHeight/offsetWidth juste après avoir modifié des styles CSS (RWEB_0052)requestIdleCallback, setTimeout(fn, 0), Web Workers (RWEB_0053)RWEB_0007)@lru_cache (Python), Redis, Memcache — plutôt que de recalculer (RWEB_0016)select_related/prefetch_related (Django), include (Laravel), JOIN ou IN (...) (RWEB_0021)INT pas BIGINT, VARCHAR(n) pas TEXT sans justification (RWEB_0063)RWEB_0023)deleted_at, job de purge (RWEB_0079)Cache-Control: max-age=31536000, immutable (RWEB_0075)RWEB_0077)