AI Plugin IndexShade imports vs heading-order
Shade imports and heading-order are both skills. heading-order scores higher (87 vs 84 out of 100). heading-order has more GitHub stars (75k), and Shade imports was updated more recently (3 days ago). The table compares them side by side.
| Shade imports | heading-order | |
|---|---|---|
| Score | 84 / 100 | 87 / 100 |
| What it does | Import Shade from layer-specific subpaths (primitives, components, patterns, page-templates, utils), never the root barrel. Trigger when editing TSX/TS in Shade-consuming apps. | Use when reviewing rendered HTML, interactive components, or design-system patterns related to Maintain logical heading order. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant. |
| Publisher | Community: TryGhost | Community: thedaviddias |
| Grades | Maintenance A, Licence A, Quality A | Maintenance A, Licence A, Quality A |
| npm downloads a week | Not on npm | Not on npm |
| Runs | Skill | Skill |
| Works with | Claude Code, Claude apps | Claude Code, Claude apps |
| GitHub stars | 55,575 | 74,518 |
| Last commit | 20 Oct 2026 | 6 Oct 2026 |
| Licence | MIT | MIT |
| Listed since | 20 Oct 2026 | 20 Oct 2026 |
| Install Shade imports | Install heading-order |
Questions
Is Shade imports or heading-order more popular?
heading-order has more GitHub stars: 74,518.
Can I use Shade imports and heading-order together?
Yes. AI assistants can load several skills at once. Install both and the assistant picks the right one for each task.