navigation-and-page-structure

PetSwipe navigation workflow for navbar changes, icon-only links, mobile menu behavior, route placement, and page discoverability. Use when work changes the navbar, mobile navigation, page ordering, or the relationship between key user-facing pages.

Ir para a instalação

Repositório: hoangsonww/PetSwipe-Match-App
Última atividade na origem: 28 de fevereiro de 2026 às 02:14
Idioma detectado do SKILL.md: inglês
Estrelas: 25
Forks: 12

Opções de instalação

Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Um comando direto ignora o prompt de revisão. Verifique a origem antes de executá-lo.

npx skills add https://github.com/hoangsonww/PetSwipe-Match-App --skill navigation-and-page-structure

O comando permanece em uma só linha. Role horizontalmente para revisá-lo antes de copiar.

Prefere uma cópia local? Baixe os arquivos disponíveis atualmente no SkillsMP.

Revise os arquivos de origem

Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.

Explorador de arquivos

3 arquivos

SKILL.md

Instruções da origem · Visualização somente leitura

name	navigation-and-page-structure
description	PetSwipe navigation workflow for navbar changes, icon-only links, mobile menu behavior, route placement, and page discoverability. Use when work changes the navbar, mobile navigation, page ordering, or the relationship between key user-facing pages.

Use this skill for navigation and page-structure work.

Workflow

Identify the affected route, page, and navigation surface.
Check both desktop and mobile navigation behavior.
Preserve consistent ordering and discoverability between related pages.
If the change is icon-only or compact, verify tooltips and mobile equivalents still make sense.
Update docs if the page lineup or major product surface changes.

Repo-Specific Guidance

frontend/components/Navbar.tsx is the primary shared navigation surface.
The app has multiple non-trivial page surfaces now, including map, insights, adoption-planner, liked-swipes, and my-pets.
Mobile navbar quality matters because overflow has already been a recurring problem in this repo.

Read references/navigation-checklist.md.

Voltar à pesquisa Voltar à instalação

deployment-claims-audit

PetSwipe workflow for checking whether deployment, production-readiness, or enterprise-grade claims are actually supported by repo evidence. Use when editing deployment docs, infra summaries, or any task that makes strong statements about readiness.

2026-02-28

map-geocoding-debug

PetSwipe map and geocoding workflow for diagnosing map page issues, geocode request volume, cache behavior, API proxy behavior, CORS issues, and location-related UI regressions. Use when the task mentions the map page, geocoding, location results, or geocode performance.

2026-02-28

planner-and-insights-pages

PetSwipe workflow for adoption-planner and insights page work, including comparison cards, gauges, charts, metrics, and recommendation panels. Use when changes focus on adoption-planner.tsx, insights.tsx, or the relationship between liked pets, readiness, and swipe analytics.

2026-02-28

Ver todas deste repositório

name	navigation-and-page-structure
description	PetSwipe navigation workflow for navbar changes, icon-only links, mobile menu behavior, route placement, and page discoverability. Use when work changes the navbar, mobile navigation, page ordering, or the relationship between key user-facing pages.

Use this skill for navigation and page-structure work.

Workflow

Identify the affected route, page, and navigation surface.
Check both desktop and mobile navigation behavior.
Preserve consistent ordering and discoverability between related pages.
If the change is icon-only or compact, verify tooltips and mobile equivalents still make sense.
Update docs if the page lineup or major product surface changes.

Repo-Specific Guidance

frontend/components/Navbar.tsx is the primary shared navigation surface.
The app has multiple non-trivial page surfaces now, including map, insights, adoption-planner, liked-swipes, and my-pets.
Mobile navbar quality matters because overflow has already been a recurring problem in this repo.

Read references/navigation-checklist.md.

navigation-and-page-structure

Informações da origem

Opções de instalação

Revise os arquivos de origem

Workflow

Repo-Specific Guidance

Mais deste repositório

Workflow

Repo-Specific Guidance

Mais deste repositório