How do I install the Frontend Polish skill?

Run npx skillmds@latest add hoangsonww/frontend-polish in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Frontend Polish safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Frontend Polish?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Frontend Polish free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Frontend Polish?

hoangsonww (@hoangsonww) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Frontend Polish

Name: Frontend Polish
Author: hoangsonww

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.

hoangsonww Updated Sep 17, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add hoangsonww/frontend-polish

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download .zip

＋ Add to collection

README badge

[![SkillMD](https://skillmd.com/badge/hoangsonww/frontend-polish.svg)](https://skillmd.com/skills/hoangsonww/frontend-polish)

Trust & safety

Audits pending

Not yet audited · commit 5b7d90a

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

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.

hoangsonww/petswipe-match-app/tree/main/.agents/skills/frontend-polish commit 5b7d90a762

Frequently asked questions

npx skillmds@latest add hoangsonww/frontend-polish