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.

Jump to install

Repository: hoangsonww/PetSwipe-Match-App
Last source activity: February 28, 2026 at 02:14
Detected SKILL.md language: English
Stars: 25
Forks: 12

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

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

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer

3 files

SKILL.md

Source instructions · Read-only preview

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.

Back to search Back to 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

View all from this repository

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

Source facts

Install options

Review the source files

Workflow

Repo-Specific Guidance

More from this repository

Workflow

Repo-Specific Guidance

More from this repository