easter-egg-modal

Generate a TSX component for a Gleipnir fragment modal with SVG and copy.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/declanshanaghy/fenrir-ledger --skill easter-egg-modal
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: easter-egg-modal
Source: https://github.com/declanshanaghy/fenrir-ledger/tree/main/.claude/skills/easter-egg-modal
Command: npx skills add https://github.com/declanshanaghy/fenrir-ledger --skill easter-egg-modal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Easter Egg Modal Generator provides a reusable TSX component that wraps the shared EasterEggModal shell and creates a unique SVG artifact and copy for Fenrir Ledger's Gleipnir fragments, enabling consistent, accessible discovery experiences.

Core Features & Use Cases

  • Generate a compliant TSX component for a Gleipnir fragment.
  • Reuse the shared EasterEggModal shell to ensure accessibility, audio, and styling.
  • Create and wire in the SVG artifact art and per-egg discovery copy for each fragment.

Quick Start

Run the generator to produce the component and its SVG artifact, then wire it into your trigger site.

Frequently Asked Questions about easter-egg-modal

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

FAQPage Schema
How do I generate a TSX modal component for an Easter Egg artifact?

To generate a TSX modal component for an Easter Egg artifact, run the generator to produce a reusable TSX file that wraps the shared EasterEggModal shell, complete with unique SVG art and discovery copy, then wire it into your trigger site.

How does localStorage fragment tracking work for discoverable UI modals?

localStorage fragment tracking for discoverable UI modals works by storing per-egg metadata locally within the generated TSX component, allowing the Fenrir Ledger application to track which Gleipnir fragments a user has discovered without requiring external tooling or backend state.

Can I use this generator to create custom SVG art for each modal?

Yes, you can use this generator to create custom SVG art for each modal because it specifically builds and wires in unique SVG artifact art alongside per-egg discovery copy for every generated Gleipnir fragment component.

Do I need external dependencies to build an accessible Easter Egg modal in TSX?

You do not need external dependencies to build an accessible Easter Egg modal in TSX, as the generated component relies entirely on the shared EasterEggModal shell to ensure accessibility, audio, and styling without any external tooling.

What is the best way to ensure consistent accessibility across multiple Easter Egg modals?

The best way to ensure consistent accessibility across multiple Easter Egg modals is to reuse the shared EasterEggModal shell, which guarantees standardized accessibility, audio, and styling for every generated Gleipnir fragment discovery experience.