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 skills add jeffsenso/prestashop-skills --skill init-js-componentsgit clone --depth 1 https://github.com/jeffsenso/prestashop-skillsWrote 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/skills/jeffsenso/prestashop-skills/init-js-components)<a href="https://agentmods.dev/skills/jeffsenso/prestashop-skills/init-js-components"><img src="https://agentmods.dev/badge/skills/jeffsenso/prestashop-skills/init-js-components/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/jeffsenso/prestashop-skills/init-js-components"><img src="https://agentmods.dev/badge/skills/jeffsenso/prestashop-skills/init-js-components.svg" alt="Reviewed on agentmods" width="80" 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.00077 | $0.01015 |
| Opus 5 | $0.00039 | $0.00508 |
| Sonnet 5 | $0.00015 | $0.00203 |
| Haiku 4.5 | $0.00008 | $0.00102 |
Grade A, and why
init-js-components 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 9d 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 — 115 lines — stays where its author put it; the contents beside it link to each section on GitHub.
init-js-components
Read @.ai/Component/Javascript/CONTEXT.md for the full component list and initialization pattern.
How initComponents works
window.prestashop.component.initComponents([
'TranslatableInput',
'TinyMCEEditor',
]);
- Components are registered on
window.prestashop.component initComponentscreates instances and stores them inwindow.prestashop.instance- Components activate automatically by scanning the DOM for matching
data-*attributes - Only initialize components the page actually uses
Common form components
TranslatableInput / TranslatableField
For multilingual fields. The Symfony TranslatableType renders the DOM with proper data-* attributes; this component adds the language tab switching UI.
TinyMCEEditor
For rich text fields (FormattedTextareaType). Initializes the WYSIWYG editor on matching textareas.
ChoiceTree
For hierarchical selectors (categories, groups). Call .enableAutoCheckChildren() if parent selection should auto-select children.
new window.prestashop.component.ChoiceTree('#category-tree-selector').enableAutoCheckChildren();
TaggableField
For tag inputs with autocomplete. Used with TaggableType form type.
EntitySearchInput
For autocomplete search fields that reference other entities (e.g. search for a product by name).
GeneratableInput
For fields auto-generated from another (e.g. URL slug from name). Uses TextToLinkRewriteCopier pattern.
MultistoreConfigField / ModifyAllShopsCheckbox
For multistore-scoped configuration fields. Shows per-shop override controls.
FormFieldToggler / DisablingSwitch
For conditional field visibility — shows/hides fields based on another field's value.
Full component catalogue
| Component | Purpose |
|---|---|
TranslatableField / TranslatableInput |
Multilingual input with language tabs |
TinyMCEEditor |
Rich text editor |
TaggableField |
Tag input with autocomplete |
ChoiceTable / MultipleChoiceTable |
Checkbox/radio table selection |
ChoiceTree |
Hierarchical tree selector (categories, groups) |
EntitySearchInput |
Autocomplete entity search |
GeneratableInput |
Auto-generate from another field (e.g. slug from name) |
ColorPicker |
Color selection input |
DateRange |
Date range picker |
DeltaQuantityInput |
Quantity change input (stock) |
DisablingSwitch |
Toggle that disables related fields |
FormFieldToggler |
Show/hide fields based on another field's value |
TextWithLengthCounter / TextWithRecommendedLengthCounter |
Character count display |
CountryStateSelectionToggler / CountryDniRequiredToggler |
Country-dependent field logic |
MultistoreConfigField |
Multistore-scoped config field |
ModifyAllShopsCheckbox |
"Apply to all shops" checkbox |
PreviewOpener |
Preview popup |
Grid |
Grid component (see grid extensions) |
Router |
FOS JS router integration |
EventEmitter |
Cross-component event communication |
IframeClient |
Iframe communication |
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.
- 9d ago First seen · 115 lines · 77 tokens per session scan A caa3e665a01f
init-js-components is a skill published in the GitHub repository jeffsenso/prestashop-skills (5 stars, last pushed 15d ago), licensed MIT. It adds 77 tokens to every session and 1,015 once invoked, about $0.0004 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-31.
Other skills, from other repositories
developer-utilities-post-markdown
Convert a Markdown string to HTML. Useful for rendering user-submitted content, documentation previews, or README files.
authos-web-integration
Integrate AuthOS into browser, React, Vue, or plain TypeScript applications using @drmhse/sso-sdk and the AuthOS React/Vue adapters. Use when adding OAuth redirects, password login, magic links, passkeys, MFA callback handling, token refresh, or frontend session state.
ng22-reactivity
Enforces Angular 22 fine-grained reactivity using Signals, Signal inputs, and Model primitives.
ng22-architecture-composition
Guides Angular 22 architecture toward standalone composition, narrow services, and feature boundaries.
ng22-forms
Recommends typed Angular 22 forms, explicit validation, and predictable submission flows.
ng22-signal-forms
Enforces Angular 22 signal-centric form patterns, computed validation mapping, and controlled state mutation.