frontend-pages-router

star 29

Use this skill when changing the Next.js frontend in this repository, especially pages/, components/, services/, auth flows, article detail pages, favorites, translation, or the sitewide AI chat UI.

hoangsonww By hoangsonww schedule Updated 2/28/2026
play_arrow Run Skill in Manus View GitHub

name: frontend-pages-router description: Use this skill when changing the Next.js frontend in this repository, especially pages/, components/, services/, auth flows, article detail pages, favorites, translation, or the sitewide AI chat UI.

Frontend Pages Router

This skill is for frontend/.

Working Model

  • The app uses the Pages Router.
  • UI state is spread across page components, shared components, CSS files, and browser storage.
  • Several features depend on client-only APIs and local persistence.

Working Rules

  • Check SSR versus client-only assumptions before moving logic.
  • Preserve shallow routing, search debounce, and query synchronization on /home.
  • Preserve localStorage keys unless the migration is intentional.
  • Keep auth token handling consistent when touching requests.
  • If you touch the sitewide chat UI, preserve SSE parsing, citations, warnings, and scrolling behavior.

Validation

  • Run cd frontend && npm run lint for code changes when feasible.
  • Run Playwright for route or interaction changes when the task materially affects UX.

References

  • For route and component map, read references/frontend-map.md.
  • For chat UI specifics, read references/chat-ui.md.
Install via CLI
npx skills add https://github.com/hoangsonww/AI-Gov-Content-Curator --skill frontend-pages-router
Repository Details
star Stars 29
call_split Forks 17
navigation Branch main
article Path SKILL.md
More from Creator
hoangsonww
hoangsonww Explore all skills →