chart-and-responsive-debug
Frontend-local workflow for PetSwipe chart overflow, tooltip, dark mode text, clipping, and responsive layout issues inside frontend pages and shared chart components. Use when working in frontend and the issue is specifically about charts or mobile layout behavior.
Source facts
- Repository
- hoangsonww/PetSwipe-Match-App
- Last source activity
- February 28, 2026 at 02:14
- Detected SKILL.md language
- English
- Stars
- 26
- Forks
- 12
Install options
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Review the source files
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
File Explorer
3 filesShowing SKILL.md
SKILL.md
Source instructions · Read-only preview- name
- chart-and-responsive-debug
- description
- Frontend-local workflow for PetSwipe chart overflow, tooltip, dark mode text, clipping, and responsive layout issues inside frontend pages and shared chart components. Use when working in frontend and the issue is specifically about charts or mobile layout behavior.
Use this skill for chart and responsive-debug work inside `frontend/`.
## Workflow
1. Start from the page or component that is visibly wrong.
2. Trace whether the problem comes from page layout, chart container sizing, tooltip styling, or label rendering.
3. Check mobile and dark mode behavior before finalizing.
4. Prefer changes that improve the shared chart system rather than patching a single chart unnecessarily.
Read `references/chart-debug-checklist.md`.
View on GitHub