skills.rest
gtn1024
gtn1024COMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/gtn1024/hydro-dev-skills --skill hydro-plugin-frontend
Or copy as Structured Prompt for Agent▼
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

Register a NamedPage or AutoloadPage with addPage() and connect templates and i18n to activate your frontend plugin.

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.

Related Skills

Explore More Software Engineering Skills→
gtn1024gtn1024
3

hydro-plugin-overview

Explain Hydro plugin entry points, imports, and minimal package structure.

Community
Intermediate
gtn1024gtn1024
3

hydro-plugin-handler

Register HTTP routes and WebSocket handlers in Hydro plugins.

Community
Advanced
samjhechtsamjhecht
4

analyzing-implementations

Trace data flow and map component interactions with file:line references.

Community
Advanced
compozycompozy
182

assistant-ui-tools

Register LLM tools with custom UI rendering and human-in-the-loop states.

Official
Intermediate