skills.rest
therealityreport
therealityreportCOMMUNITY
Explore all skills by this author →
GitHub

extract-navigation

Extract navigation chrome from HTML into a structured NavigationData.

Updated Aug 23, 2025
Search Tags:#html#navigation#taxonomy#design-docs#extract#data-structure
One-click install
npx skills add https://github.com/therealityreport/trr-app --skill extract-navigation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: extract-navigation
Source: https://github.com/therealityreport/trr-app/tree/main/.agents/skills/design-docs-agent/extract-navigation
Command: npx skills add https://github.com/therealityreport/trr-app --skill extract-navigation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Publisher sites ship chrome like headers, footers, and sidebars that are difficult to reuse across docs and taxonomy workflows. This Skill automates the extraction of header, footer, sidebar, breadcrumb, tab, and search patterns from raw HTML into a normalized NavigationData structure that drives the design-docs pipeline.

Core Features & Use Cases

  • Extract navigation chrome (header, footer, sidebar) and navigational patterns (breadcrumbs, tabs, search bars) from source HTML.
  • Produce a standardized NavigationData shape that matches the design-docs pipeline types.
  • Enable site audits, taxonomy mapping, and design-doc generation by streaming structured navigation data into downstream processes.

Quick Start

Parse source HTML to extract header, footer, sidebar, breadcrumbs, tabs, and search bars into a NavigationData structure.

Frequently Asked Questions about extract-navigation

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

FAQPage Schema
How do I extract navigation chrome from HTML into a structured data format?▼

To extract navigation chrome from HTML, you parse source pages to identify headers, footers, sidebars, breadcrumbs, and tabs, producing a normalized NavigationData structure for downstream design-doc pipelines.

What is the best way to capture breadcrumbs and search bars across multiple page templates?▼

Capturing breadcrumbs and search bars across multiple page templates involves applying detection patterns to raw HTML to isolate these navigational elements and map them into a standardized NavigationData output.

Does this navigation extraction approach work with Node.js for taxonomy mapping?▼

Yes, navigation extraction works with Node.js by providing an executable entrypoint that parses raw HTML and streams structured navigation data into taxonomy mapping and site audit workflows.

Can I normalize header and footer data from publisher sites into a consistent taxonomy?▼

You can normalize header and footer data from publisher sites by detecting the structural patterns in raw HTML and mapping them into a standardized NavigationData shape that drives taxonomy workflows.

How does structured NavigationData integrate with downstream design-doc pipelines?▼

Structured NavigationData integrates with design-doc pipelines by conforming to the specific output shape defined by the design-docs-pipeline-types, allowing seamless streaming of extracted navigation patterns into downstream processes.

Related Skills

Explore More Design & Creative Skills→
okwindsokwinds
50

headless-web-viewer

Render JavaScript-heavy webpages and extract visible text with Playwright.

Community
Intermediate
andrew-t-jamesandrew-t-james

discover

Structure on-site customer pain points through a phased discovery workflow.

Community
Advanced
ActiveInferenceInstituteActiveInferenceInstitute
30

gnn-research-tools

Run GNN research tools against model definitions to prototype Active Inference patterns.

Community
Advanced
Saman-SunasaraSaman-Sunasara

browser

Automate web navigation, interaction, and data extraction via HTML DOM elements.

Community
Intermediate