frontend-polish
SkillProductivityPetSwipe 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.
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the frontend-polish skill
What this skill tells your AI
The instructions your AI receives, as published by hoangsonww/petswipe-match-app in .agents/skills/frontend-polish/SKILL.md and read by ahel’s review.
Use this skill for frontend polish work in PetSwipe.
Workflow
- Start from the touched page and identify the shared components it depends on.
- Check desktop and mobile behavior before and after the change.
- Prefer strengthening the current design system over introducing unrelated patterns.
- Watch for chart overflow, tooltip readability, clipped visuals, and navbar breakage.
- Validate with targeted
npx eslintinsidefrontend/.
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.
Signals
- GitHub stars
- 26
- Forks
- 12
- Last commit
- Sep 2026
Advanced
- Catalog kind
- skill
- Gateway key
frontend-polish- Source
- github.com/hoangsonww/petswipe-match-app