Gentelella is a free admin dashboard template built with vanilla JavaScript, SCSS, and Vite, providing ready-made pages and interface components for web-based administration panels. It is intended for SaaS dashboards, CRM systems, internal tools, e-commerce backends, and project management applications.
Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add instructions/colorlibhq/gentelella/copilot-instructionsgit clone --depth 1 https://github.com/ColorlibHQ/gentelellaWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/instructions/colorlibhq/gentelella/copilot-instructions)<a href="https://agentmods.dev/instructions/colorlibhq/gentelella/copilot-instructions"><img src="https://agentmods.dev/badge/instructions/colorlibhq/gentelella/copilot-instructions.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.01726 | $0.01726 |
| Opus 5 | $0.00863 | $0.00863 |
| Sonnet 5 | $0.00345 | $0.00345 |
| Haiku 4.5 | $0.00173 | $0.00173 |
Grade A, and why
gentelella copilot-instructions.md scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 6d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 79 lines — stays where its author put it; the contents beside it link to each section on GitHub.
GitHub Copilot Instructions — Gentelella v4
Admin dashboard template (4.1.1) by Colorlib. 58 server-rendered HTML pages in production/, built with Vite 8 (Rolldown). Vanilla ES2022, no Bootstrap, no jQuery, no SPA framework. SCSS only. Heavyweight deps — ECharts 6, DataTables.net 3, Leaflet 1.9 — are lazy-imported per page. Full reference: CLAUDE.md.
Hard rules
- Vanilla DOM only.
querySelector,classList,addEventListener. No jQuery, no SPA framework. v4's pitch is "vanilla and small." - Single entry:
src/main-v4.js. Page-specific modules are lazy-imported inside it, guarded by DOM presence. Don't add<script>tags per page. - Pages auto-discover. Drop
production/<slug>.htmlanddiscoverEntries()invite.config.jspicks it up — never editrollupOptions.input. - Shell opt-in:
<body data-shell="admin" data-page="<key>" data-breadcrumb="Home > …">. The Vite plugin inlines sidebar/topbar/footer at build/dev time (no FOUC). - Breadcrumbs link themselves. A segment matching a
NAVitem's text becomes a link (Forms→form.html; a parent resolves to its first child). Override with a pipe:data-breadcrumb="Home > Projects|projects.html > Acme Redesign". The last segment is the current page and never links; untargeted segments stay plain text. - NAV is one constant —
NAVinsrc/v4/shell-render.js, 7 groups.keymatchesdata-page. New icons go in theICONSobject in the same file. - Overlays go through helpers:
showModal()/showToast()/openMenu()/openPanel()fromsrc/v4/{modal,toast,menus}.js. Never hand-roll a backdrop, escape handler, or focus return. - CSS custom properties for colors. Tokens in
src/scss/v4/_tokens.scssunder:rootand[data-theme="dark"]. Charts read them viagetComputedStyle(document.documentElement).getPropertyValue('--…')so dark-mode redraw is automatic. - Lazy ECharts. Match the modular import pattern in
src/v4/charts.js. Don'timport * as echarts. - Subpath-safe URLs.
import.meta.env.BASE_URLin JS,${base}in the Vite plugin, relative paths inproduction/*.html. Never hard-code a leading/. - Idempotent
init<Name>()exports. Every module insrc/v4/has one. Safe to call when its root element is absent, safe to call twice. - No
console.*in shipped code. Terser drops them in production; ESLint flags earlier. - Service worker only in prod (
import.meta.env.PRODguard) — keeps HMR working in dev.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 6d ago First seen · 79 lines · 1,726 tokens per session scan A 44742bbd5d4a
gentelella copilot-instructions.md is an instructions file published in the GitHub repository ColorlibHQ/gentelella (21,507 stars, last pushed 2d ago), licensed MIT. It adds 1,726 tokens to every session, about $0.0086 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other instructions, from other repositories
Adminator-admin-dashboard CLAUDE.md
Claude Code instructions for puikinsh/Adminator-admin-dashboard, covering claude.md, architecture (2026 redesign), file layout, page anatomy and widget mount points.
gvray-admin CLAUDE.md
Claude Code instructions for gvray/gvray-admin, covering gvray admin — claude code 指南, 项目概况, 关键目录, 开发硬规则 and 按需阅读.
Vibe-Research AGENTS.md
AGENTS.md instructions for simonlin1212/Vibe-Research, covering vibe-research-agent 金融研究宪法, 0. 三条不可越线, 1. 数据纪律(五问 gate:给出任何数字或结论前逐条自问), 2. 研究哲学(评估框架,不是预测工具) and 3. 估值口径(你只选输入、解释输出;计算交给 calc/).
worldmonitor AGENTS.md
AGENTS.md instructions for koala73/worldmonitor, covering agents.md, task mode and authority, start here, surface routing and architecture invariants.
metabase copilot-instructions.md
Copilot instructions for metabase/metabase, covering metabase developer assistant instructions, code review standards, security critical issues, performance red flags and code quality essentials.
react-svg AGENTS.md
AGENTS.md instructions for tanem/react-svg, covering agents.md, writing, architecture, build & test and releases.