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.

Jump to install

Repository: hoangsonww/DevVerse-SWE-Blog
Last source activity: February 28, 2026 at 11:47
Detected SKILL.md language: English
Stars: 15
Forks: 13

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/hoangsonww/DevVerse-SWE-Blog --skill devverse-ui-routes

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer

3 files

SKILL.md

Source instructions · Read-only preview

name	devverse-ui-routes
description	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.

DevVerse UI And Route Workflow

Preserve the split between / and /home. / is the landing page with no navbar. /home is the article index.
Preserve the route wrappers. ConditionalNavbar and ConditionalMain are architectural, not cosmetic.
Keep styling aligned with the repo's actual patterns. Prefer app/globals.css, route-scoped CSS, and existing inline styles over introducing Tailwind-first rewrites.
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.
Preserve article DOM contracts. Do not remove .mdx-container, and do not casually change the h2 and h3 structure used by TableOfContents.
Read the route map before broad UI work. @references/route-map.md
Run repo-aware validation after meaningful UI or route changes. Use the devverse-validate skill or run the relevant checks directly.

Back to search Back to installation

devverse-content-mdx

MDX article conventions for DevVerse. Use when adding or editing files under content/, changing article metadata, updating author or date lines, or modifying code that parses article content for feeds, related posts, reading stats, or RAG ingestion.

2026-02-28

devverse-feeds-seo

Feed, sitemap, metadata, and publishing guidance for DevVerse. Use when modifying lib/rss.ts, lib/jsonfeed.ts, feed routes, next-sitemap.config.js, app/layout.tsx metadata, manifest or robots files, or SEO-related site metadata.

2026-02-28

devverse-rag-chat

DevVerse chat, citation, and retrieval workflow. Use when modifying the chat page, the chat API route, citation parsing, local retrieval fallback, Pinecone or Gemini integration, or the article vectorization pipeline.

2026-02-28

View all from this repository

name	devverse-ui-routes
description	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.

DevVerse UI And Route Workflow

Preserve the split between / and /home. / is the landing page with no navbar. /home is the article index.
Preserve the route wrappers. ConditionalNavbar and ConditionalMain are architectural, not cosmetic.
Keep styling aligned with the repo's actual patterns. Prefer app/globals.css, route-scoped CSS, and existing inline styles over introducing Tailwind-first rewrites.
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.
Preserve article DOM contracts. Do not remove .mdx-container, and do not casually change the h2 and h3 structure used by TableOfContents.
Read the route map before broad UI work. @references/route-map.md
Run repo-aware validation after meaningful UI or route changes. Use the devverse-validate skill or run the relevant checks directly.

devverse-ui-routes

Source facts

Install options

Review the source files

DevVerse UI And Route Workflow

More from this repository

DevVerse UI And Route Workflow

More from this repository