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.

Zur Installation springen

Repository: hoangsonww/PetSwipe-Match-App
Letzte Quellaktivität: 28. Februar 2026 um 01:57
Erkannte Sprache von SKILL.md: Englisch
Sterne: 25
Forks: 12

Installationsoptionen

Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.

npx skills add https://github.com/hoangsonww/PetSwipe-Match-App --skill frontend-polish

Der Befehl bleibt in einer Zeile. Scrollen Sie horizontal, um ihn vor dem Kopieren vollständig zu prüfen.

Sie bevorzugen eine lokale Kopie? Laden Sie die Dateien herunter, die SkillsMP derzeit vorliegen.

Quelldateien prüfen

Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.

Datei-Explorer

3 Dateien

SKILL.md

Quellanweisungen · Schreibgeschützte Vorschau

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

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 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.

Zurück zur Suche Zurück zur Installation

deployment-claims-audit

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-28

map-geocoding-debug

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-28

navigation-and-page-structure

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-28

Alle aus diesem Repository ansehen

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

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 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.

frontend-polish

Quellinformationen

Installationsoptionen

Quelldateien prüfen

Workflow

Repo-Specific Guidance

Mehr aus diesem Repository

Workflow

Repo-Specific Guidance

Mehr aus diesem Repository