Profile My skills Saved Collections Edit profile Submit a skill

Devverse UI Routes

Route and UI conventions for the DevVerse Next.js app. Use when modifying app routes, layout, navigation, page components, global styling, route-scoped CSS, article rendering, favorites UI, or chat UI.

hoangsonww Updated
Web & Frontend

File contents

DevVerse UI And Route Conventions

  1. Preserve the split between / and /home. / is the landing page with no navbar. /home is the article index.

  2. Preserve the route wrappers. ConditionalNavbar and ConditionalMain are architectural, not cosmetic.

  3. Keep styling aligned with the repo's real patterns. Prefer app/globals.css, route-scoped CSS, and existing inline styles over introducing Tailwind-first rewrites.

  4. Preserve the dark-mode chain. Keep the inline boot script, the dark class on <html>, the CSS variables in app/globals.css, and DarkModeProvider in sync.

  5. Preserve article DOM contracts. Do not remove .mdx-container, and do not casually change the h2 and h3 structure used by TableOfContents.

  6. Read the route map before broad UI work. @references/route-map.md

  7. Validate UI and route changes with repo-aware commands. Use devverse-validate or run the relevant checks yourself.

hoangsonww/devverse-swe-blog/tree/main/.claude/skills/devverse-ui-routes commit efb72ebca8

Browse category

Frequently asked questions

npx skillmds@latest add hoangsonww/devverse-ui-routes-2