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.

Aller à l'installation

Dépôt: hoangsonww/PetSwipe-Match-App
Dernière activité de la source: 28 février 2026 à 02:14
Langue détectée de SKILL.md: anglais
Étoiles: 25
Forks: 12

Options d'installation

Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Une commande directe contourne le prompt de vérification. Examinez la source avant de l'exécuter.

npx skills add https://github.com/hoangsonww/PetSwipe-Match-App --skill planner-and-insights-pages

La commande reste sur une seule ligne. Faites défiler horizontalement pour la vérifier avant de la copier.

Vous préférez une copie locale ? Téléchargez les fichiers actuellement disponibles dans SkillsMP.

Vérifiez les fichiers source

Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.

Explorateur de fichiers

3 fichiers

SKILL.md

Instructions source · Aperçu en lecture seule

name	planner-and-insights-pages
description	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.

Use this skill for the planner and insights product surfaces.

Workflow

Start from the touched page and identify the data it derives from profile, swipes, likes, or pet records.
Preserve decision-support value, not just layout.
Check card density, pagination, gauge readability, chart overflow, and mobile responsiveness.
Keep recommendation text useful and specific rather than decorative.
If the work changes how these pages are described, update docs and screenshots references as needed.

Repo-Specific Guidance

frontend/pages/adoption-planner.tsx is a decision-support page, not a browse page.
frontend/pages/insights.tsx is a swipe analytics dashboard with charts and recommendations.
Shared chart behavior still routes through frontend/components/ui/chart.tsx.

Read references/planner-insights-checklist.md.

Retour à la recherche Retour à l’installation

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

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.

2026-02-28

Tout voir dans ce dépôt

name	planner-and-insights-pages
description	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.

Use this skill for the planner and insights product surfaces.

Workflow

Start from the touched page and identify the data it derives from profile, swipes, likes, or pet records.
Preserve decision-support value, not just layout.
Check card density, pagination, gauge readability, chart overflow, and mobile responsiveness.
Keep recommendation text useful and specific rather than decorative.
If the work changes how these pages are described, update docs and screenshots references as needed.

Repo-Specific Guidance

frontend/pages/adoption-planner.tsx is a decision-support page, not a browse page.
frontend/pages/insights.tsx is a swipe analytics dashboard with charts and recommendations.
Shared chart behavior still routes through frontend/components/ui/chart.tsx.

Read references/planner-insights-checklist.md.

planner-and-insights-pages

Informations de source

Options d'installation

Vérifiez les fichiers source

Workflow

Repo-Specific Guidance

Plus depuis ce dépôt

Workflow

Repo-Specific Guidance

Plus depuis ce dépôt