Skills
.Work. You
Rest

sidebar-section-add

Community

Extend the aircraft sidebar with new metrics.

Software Engineering#frontend#javascript#sidebar#fingerprint#ui-extension#dom-diff
AuthorMrSuttonmann
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Extending the left-hand aircraft sidebar in Flightjar requires careful management of DOM updates to keep UI stable as new per-row metrics and control chips are added. The fingerprint-based rendering ensures minor field changes don't trigger costly re-renders, and a consistent event wiring strategy minimizes regression.

Core Features & Use Cases

  • New sort chips and filter chips to tailor the sidebar view without changing the map or detail panel.
  • Support for additional per-row metrics and header/status elements while preserving existing UI invariants.
  • Guidance on escaping user-provided strings and updating the fingerprint to reflect new markup.

Quick Start

Add a new per-row metric by updating the sidebar rendering, fingerprint, and per-row templates, then verify with the existing smoke tests.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: sidebar-section-add
Download link: https://github.com/MrSuttonmann/flightjar/archive/main.zip#sidebar-section-add

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.