How do I install the Chart And Responsive Debug skill?

Run npx skillmds@latest add hoangsonww/chart-and-responsive-debug in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Chart And Responsive Debug safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Chart And Responsive Debug?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Chart And Responsive Debug free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Chart And Responsive Debug?

hoangsonww (@hoangsonww) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Chart And Responsive Debug

Name: Chart And Responsive Debug
Author: hoangsonww

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.

hoangsonww 861686e 3 files · 1.4 KB Updated Sep 17, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add hoangsonww/chart-and-responsive-debug

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download .zip

＋ Add to collection

README badge

[![SkillMD](https://skillmd.com/badge/hoangsonww/chart-and-responsive-debug.svg)](https://skillmd.com/skills/hoangsonww/chart-and-responsive-debug)

Trust & safety

Audits pending

Not yet audited · commit 861686e

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

Use this skill for chart and responsive-debug work inside frontend/.

Workflow

Start from the page or component that is visibly wrong.
Trace whether the problem comes from page layout, chart container sizing, tooltip styling, or label rendering.
Check mobile and dark mode behavior before finalizing.
Prefer changes that improve the shared chart system rather than patching a single chart unnecessarily.

Read references/chart-debug-checklist.md.

hoangsonww/petswipe-match-app/tree/main/frontend/.agents/skills/chart-and-responsive-debug commit 861686e857

Frequently asked questions

npx skillmds@latest add hoangsonww/chart-and-responsive-debug