Skip to main content

frontend-polish

PetSwipe frontend workflow for page redesigns, responsive fixes, chart issues, navbar changes, and UI polish in the Next.js frontend. Use when the task is primarily visual, layout-focused, or interaction-focused inside frontend pages and shared UI components.

Ir a la instalación

Datos de origen

Repositorio
hoangsonww/PetSwipe-Match-App
Última actividad en el origen
28 de febrero de 2026 a las 01:57
Idioma detectado de SKILL.md
inglés
Estrellas
26
Forks
12

Opciones de instalación

De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.

Revisa los archivos de origen

Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.

Explorador de archivos
3 archivos

Mostrando SKILL.md

SKILL.md
Instrucciones de origen · Vista previa de solo lectura
name
frontend-polish
description
PetSwipe frontend workflow for page redesigns, responsive fixes, chart issues, navbar changes, and UI polish in the Next.js frontend. Use when the task is primarily visual, layout-focused, or interaction-focused inside frontend pages and shared UI components.
Use this skill for frontend polish work in PetSwipe. ## Workflow 1. Start from the touched page and identify the shared components it depends on. 2. Check desktop and mobile behavior before and after the change. 3. Prefer strengthening the current design system over introducing unrelated patterns. 4. Watch for chart overflow, tooltip readability, clipped visuals, and navbar breakage. 5. Validate with targeted `npx eslint` inside `frontend/`. ## Repo-Specific Guidance - Pages live under `frontend/pages/`. - Shared layout and navigation live under `frontend/components/`. - Charts should use the shared chart primitives rather than one-off tooltip logic. - This repo values polished, intentional interfaces over generic defaults. Read `references/ui-checklist.md` before finishing.
Ver en GitHub