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/DevVerse-SWE-Blog
- 最近来源活动
- 2026年2月28日 11:47
- 检测到的 SKILL.md 语言
- 英语
- 星标
- 15
- 分支
- 13
安装方式
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
检查来源文件
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
文件资源管理器
2 个文件正在显示 SKILL.md
SKILL.md
来源说明 · 只读预览- 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.
- user-invocable
- false
# 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.
在 GitHub 查看