skills.rest
MycosoftLabs
MycosoftLabsOFFICIAL
Explore all skills by this author →
Website𝕏@MycosoftGitHub

Platform Navigation

Navigate platform UI across header, sidebar, and search interactions.

2|2|Updated Jul 31, 2025
Search Tags:#navigation#navigate#web-app#ui-navigation#natureos#ctrl-k
One-click install
npx skills add https://github.com/MycosoftLabs/website --skill platform-navigation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Platform Navigation
Source: https://github.com/MycosoftLabs/website/tree/main/.claude/skills/platform-navigation
Command: npx skills add https://github.com/MycosoftLabs/website --skill platform-navigation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Navigate platform UI across header, NatureOS sidebar, and search interactions.

Core Features & Use Cases

  • Verify access to all top-level sections from header across desktop and mobile
  • Validate navigation within NatureOS left sidebar (Apps, AI, Tools, Development, Infrastructure, Platform)
  • Ensure Ctrl+K search triggers the command/search palette and works across routes
  • Ensure mobile hamburger drawer opens/closes and routes navigate correctly

Quick Start

Open the header navigation on a desktop or tap the mobile menu, then reach NatureOS and press Ctrl+K to open the search dialog.

Frequently Asked Questions about Platform Navigation

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

FAQPage Schema
How do I verify web-app navigation access to top-level sections like NatureOS and Devices?▼

Web-app navigation verification confirms access to top-level sections (Defense, NatureOS, Devices, Apps, AI) by validating header and sidebar components across desktop and mobile contexts for consistent routing behavior.

How does the Ctrl+K search trigger work within the UI navigation?▼

The Ctrl+K search trigger opens the command palette to enable search interactions across routes. It maps to the command-search component to verify consistent search dialog behavior throughout the web app.

Can I test mobile hamburger drawer routing using this navigation approach?▼

Yes, mobile navigation verification ensures the hamburger drawer opens and closes correctly while validating that routes navigate properly through the mobile-nav component on smaller viewport contexts.

What is the best way to navigate the NatureOS sidebar categories?▼

NatureOS sidebar navigation is validated by checking access to Apps, AI, Tools, Development, Infrastructure, and Platform sections through the dashboard navigation component to ensure consistent sidebar behavior.

Does this navigation validation work for both desktop header and mobile contexts?▼

Navigation validation applies to both desktop and mobile contexts, mapping to header, dashboard nav, mobile-nav, footer, and command-search components to verify consistent UI navigation across all viewport sizes.

Why does my web-app navigation break when switching between desktop and mobile views?▼

Navigation breaks during view switching often stem from inconsistent behavior between the header and mobile-nav components. Validating the hamburger drawer and sidebar routing across both contexts resolves these navigation discrepancies.

Related Skills

Explore More Software Engineering Skills→
Yukine5377Yukine5377

ba-mockup-prompt-gen-layout

Generate a deterministic Vietnamese app-shell prompt with navigation for web and mobile.

Community
Intermediate
MissTullyMissTully

browse

Drive a headless browser to automate QA testing and site dogfooding.

Community
Advanced
Veloxia-agencyVeloxia-agency

ui-ux-pro-max

Generate UI and UX design guidance for web and mobile interfaces.

Community
Advanced
anilcancakiranilcancakir

e2e-testing

Automate end-to-end UI testing across Flutter, React Native, iOS, and Android.

Community
Advanced