hydro-plugin-frontend

Organize Hydro frontend plugin development with page registration, Nunjucks templates, and i18n UI integration.

3|1|Updated Apr 2, 2026

Search Tags:#frontend #i18n #plugin-development #hydro #namedpage #autoloadpage #nunjucks

Ready to run

npx skills add https://github.com/gtn1024/hydro-dev-skills --skill hydro-plugin-frontend

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: hydro-plugin-frontend
Source: https://github.com/gtn1024/hydro-dev-skills/tree/main/skills/hydro-plugin-frontend
Command: npx skills add https://github.com/gtn1024/hydro-dev-skills --skill hydro-plugin-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enables developers to build Hydro frontend plugins by wiring page registration (NamedPage/AutoloadPage), templates, and UI integration with i18n.

Core Features & Use Cases

Page registration and lifecycle hooks for plugin pages.
Nunjucks template integration and UI injection utilities.
Internationalization support across admin and user interfaces for multilingual plugins.

Quick Start

Frequently Asked Questions about hydro-plugin-frontend

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I register a new page in a Hydro frontend plugin?▼

You can build Hydro frontend plugins by using addPage() to register NamedPage or AutoloadPage instances, wiring Nunjucks templates and implementing UI injection with i18n for multilingual support.

What is the difference between NamedPage and AutoloadPage in Hydro?▼

NamedPage and AutoloadPage are Hydro page registration mechanisms enabling plugins to define specific routes or automatically load UI components into existing dashboards and user interfaces.

How do I add internationalization to a Hydro plugin interface?▼

Hydro frontend plugins support internationalization by implementing i18n across admin and user interfaces, utilizing the @hydrooj/ui-default library to manage multilingual template translations.

Does Hydro frontend plugin development require the @hydrooj/ui-default library?▼

Yes, building Hydro frontend plugins requires the @hydrooj/ui-default library to access server-side Nunjucks templating and implement UI injections across dashboards and user interfaces.

Can I inject custom scripts and assets into Hydro plugin pages?▼

Yes, you can extend Hydro frontend plugins by utilizing optional scripts, references, and assets directories to inject custom resources and extend page functionality.