chart-and-responsive-debug

SkillDev tools

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.

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the chart-and-responsive-debug skill

What this skill tells your AI

The instructions your AI receives, as published by hoangsonww/petswipe-match-app in frontend/.agents/skills/chart-and-responsive-debug/SKILL.md and read by ahel’s review.

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.

Signals

GitHub stars
26
Forks
12
Last commit
Sep 2026
Advanced
Catalog kind
skill
Gateway key
chart-and-responsive-debug
Source
github.com/hoangsonww/petswipe-match-app