Run any Skill in Manus with one click

devverse-ui-routes

Stars13

Forks13

UpdatedFebruary 28, 2026 at 11:47

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.

Installation

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.

Run Skill in Manus

Source

hoangsonww

hoangsonww/DevVerse-SWE-Blog

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web DevelopersComputer and Mathematical Occupations·SOC 15-1254

File Explorer

3 files

SKILL.md

readonly

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.

More from this repository

same repository

devverse-content-mdx

hoangsonww/DevVerse-SWE-Blog

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

devverse-feeds-seo

hoangsonww/DevVerse-SWE-Blog

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

devverse-rag-chat

hoangsonww/DevVerse-SWE-Blog

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

devverse-refresh-vectors

hoangsonww/DevVerse-SWE-Blog

Refresh Pinecone article embeddings after MDX article changes or RAG chunking and metadata changes. Use when content updates should be reflected in chat retrieval or when the vectorization pipeline changes.

2026-02-2813

devverse-supabase-auth

hoangsonww/DevVerse-SWE-Blog

Supabase auth, favorites, and security boundaries for DevVerse. Use when changing files under supabase/, auth or favorites UI, or the verify-email and reset-password API routes.

2026-02-2813

devverse-validate

hoangsonww/DevVerse-SWE-Blog

Run repository-specific validation for DevVerse changes. Use when asked to test, validate, smoke check, or confirm modifications in this repository.

2026-02-2813

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.