skills.rest
Gambitnl
GambitnlCOMMUNITY
Explore all skills by this author →
GitHub

glossary-modal-editor

Manage glossary modal UI, content files, and keyboard shortcuts.

Updated Nov 23, 2025
Search Tags:#developer tools#documentation#content management#glossary#modal#UI editor
One-click install
npx skills add https://github.com/Gambitnl/Aralia --skill glossary-modal-editor
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: glossary-modal-editor
Source: https://github.com/Gambitnl/Aralia/tree/main/skills/glossary-modal-editor
Command: npx skills add https://github.com/Gambitnl/Aralia --skill glossary-modal-editor

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and scripts (resource) components.

What problem does it solve?

This Skill streamlines the process of updating and maintaining the in-application glossary, ensuring terms are accurate, searchable, and well-presented.

Core Features & Use Cases

  • UI & Layout Updates: Modify the visual presentation, focus, and behavior of the Glossary modal.
  • Content Management: Add, edit, or reorganize glossary entries and their associated data.
  • Integration Adjustments: Ensure seamless interaction between the glossary and other UI elements like character sheets or tooltips.
  • Use Case: A game designer needs to add a new set of magical items to the in-game glossary. They use this Skill to add the new item data, update the glossary's search functionality, and ensure the item descriptions display correctly within the modal.

Quick Start

Update the glossary content by adding a new entry to the JSON files in public/data/glossary/entries/.

Frequently Asked Questions about glossary-modal-editor

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

FAQPage Schema
How do I update the in-app glossary modal UI and layout?▼

To update the in-app glossary modal UI, you modify the visual presentation, focus behavior, and resizing logic to ensure terms are well-presented and searchable within the application.

What's the best way to add new glossary entries to an in-game glossary?▼

Adding new glossary entries involves adding new data to the JSON content files in the public data directory, ensuring the glossary modal renders the new information accurately and updates search functionality.

Can I adjust how external UI elements trigger the glossary modal?▼

Yes, you can adjust how external UI elements like character sheets or tooltips trigger the glossary modal, ensuring seamless interaction and navigation between the glossary and other in-app components.

How does focus behavior and keyboard navigation work in a glossary modal?▼

Focus behavior and keyboard navigation in a glossary modal work by updating the modal layout hooks and shortcuts, allowing users to seamlessly search and navigate through glossary content using the keyboard.

Does this glossary editor require external dependencies to manage content?▼

No external dependencies are required to manage glossary content, as the skill operates independently to handle modal layout updates, focus behavior, and reorganization of glossary data files.

Why is my glossary modal not rendering new information accurately?▼

A glossary modal may not render accurately if the JSON content files are not properly updated or reorganized, requiring adjustments to the data structure and modal hooks to display new entries correctly.

Related Skills

Explore More Software Engineering Skills→
Celia-12Celia-12

programmatic-seo

Generate SEO-optimized pages from structured data using templates.

Community
Intermediate
patricio0312revpatricio0312rev
5

modal-drawer-system

Generate accessible modal and drawer components with focus management and ARIA compliance.

Community
Advanced
shawnlivermoreshawnlivermore

cleen-ui-overlays

Build overlay UI elements such as modals, drawers, and tooltips with @cleen/ui.

Community
Intermediate
kingmacthkingmacth

modal

Create imperative modal dialogs with createModal from @lobehub/ui.

Community
Intermediate