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.
Informações da origem
- Repositório
- hoangsonww/PetSwipe-Match-App
- Última atividade na origem
- 28 de fevereiro de 2026 às 01:57
- Idioma detectado do SKILL.md
- inglês
- Estrelas
- 26
- Forks
- 12
Opções de instalação
Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.
Revise os arquivos de origem
Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.
Explorador de arquivos
3 arquivosExibindo SKILL.md
SKILL.md
Instruções da origem · Visualização somente leitura- 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 no GitHub