Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

chart-and-responsive-debug

Étoiles22

Forks12

Mis à jour28 février 2026 à 02:14

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.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

hoangsonww

hoangsonww/PetSwipe-Match-App

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs webProfessions informatiques et mathématiques·SOC 15-1254

Explorateur de fichiers

3 fichiers

SKILL.md

readonly

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

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.

Plus depuis ce dépôt

même dépôt

deployment-claims-audit

hoangsonww/PetSwipe-Match-App

PetSwipe workflow for checking whether deployment, production-readiness, or enterprise-grade claims are actually supported by repo evidence. Use when editing deployment docs, infra summaries, or any task that makes strong statements about readiness.

2026-02-2822

map-geocoding-debug

hoangsonww/PetSwipe-Match-App

PetSwipe map and geocoding workflow for diagnosing map page issues, geocode request volume, cache behavior, API proxy behavior, CORS issues, and location-related UI regressions. Use when the task mentions the map page, geocoding, location results, or geocode performance.

2026-02-2822

navigation-and-page-structure

hoangsonww/PetSwipe-Match-App

PetSwipe navigation workflow for navbar changes, icon-only links, mobile menu behavior, route placement, and page discoverability. Use when work changes the navbar, mobile navigation, page ordering, or the relationship between key user-facing pages.

2026-02-2822

planner-and-insights-pages

hoangsonww/PetSwipe-Match-App

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.

2026-02-2822

testing-and-validation

hoangsonww/PetSwipe-Match-App

PetSwipe validation workflow for choosing the smallest reliable checks for frontend, backend, infra, docs, and mixed changes. Use when a task needs a concrete validation plan or when the repo's pre-existing lint or type issues make broad validation noisy.

2026-02-2822

swagger-health-contracts

hoangsonww/PetSwipe-Match-App

Backend-local workflow for health endpoints, readiness behavior, Swagger/OpenAPI exposure, and runtime contract changes in PetSwipe. Use when backend work touches backend/src/app.ts, startup behavior, docs endpoints, or deployment-sensitive runtime behavior.

2026-02-2822

Exécutez n'importe quel Skill en un clic