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.tsxis a decision-support page, not a browse page.frontend/pages/insights.tsxis 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.