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.
来源信息
- 仓库
- hoangsonww/PetSwipe-Match-App
- 最近来源活动
- 2026年2月28日 02:14
- 检测到的 SKILL.md 语言
- 英语
- 星标
- 26
- 分支
- 12
安装方式
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
检查来源文件
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
文件资源管理器
3 个文件正在显示 SKILL.md
SKILL.md
来源说明 · 只读预览- 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
1. Start from the touched page and identify the data it derives from profile, swipes, likes, or pet records.
2. Preserve decision-support value, not just layout.
3. Check card density, pagination, gauge readability, chart overflow, and mobile responsiveness.
4. Keep recommendation text useful and specific rather than decorative.
5. 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`.
在 GitHub 查看