sitemap-search

Implements a sitemap page and integrated site search with keyboard shortcut.

1|12|Updated Jan 22, 2026
One-click install
npx skills add https://github.com/School-Agent-Inc/orchestrate-it --skill sitemap-search
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sitemap-search
Source: https://github.com/School-Agent-Inc/orchestrate-it/tree/main/instructor-skills/claude-code/sitemap-search
Command: npx skills add https://github.com/School-Agent-Inc/orchestrate-it --skill sitemap-search

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps you implement a sitemap page and an in-site search, improving navigation and discovery for users.

Core Features & Use Cases

  • Sitemap page setup with contextual navigation for user queries
  • In-page search modal with real-time results
  • Keyboard shortcut (Cmd/Ctrl + K) for quick access
  • Context-based navigation to help users find relevant content

Quick Start

Use the sitemap-search skill to scaffold a sitemap page with a contextual navigation and search capability in your React/Next/vanilla project. Then test by invoking "search for environment" or using Cmd/Ctrl+K.

Frequently Asked Questions about sitemap-search

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

FAQPage Schema
How do I add a site search feature to my React or Next.js project?

Site search can be implemented with a searchable data model and real-time results modal triggered by Ctrl/Cmd+K. This skill scaffolds a search interface with keyboard shortcuts and context-based navigation for fast content discovery across your pages.

What's the best way to create a sitemap page with contextual navigation?

Build a sitemap page that surfaces contextual navigation and helps users discover relevant content based on their queries. This skill provides the structure and navigation logic to organize your site's content hierarchy for improved discoverability.

Can I implement keyboard shortcuts for site navigation in vanilla JavaScript, React, or Next.js?

Yes. This skill supports framework options for React, Next.js, and vanilla JavaScript, enabling Ctrl/Cmd+K keyboard shortcuts for quick access to search and navigation features across all three environments.

How do I set up real-time search results in a front-end project?

Real-time search requires a searchable data model and a modal interface that filters and displays results as users type. This skill provides the modal component and search logic to deliver instant content discovery without page reloads.

Does this support keyboard-accessible navigation for all users?

Yes. Keyboard shortcuts and accessible navigation are core features. The Ctrl/Cmd+K shortcut and modal interface are designed for keyboard-first interaction, ensuring all users can access search and site navigation efficiently.

What framework options does the sitemap and search implementation support?

The skill works with React, Next.js, and vanilla JavaScript. Choose your framework during setup to scaffold a sitemap page and integrated search modal that matches your project's tech stack.