Menu
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
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/dipro-vn/dipro-ai-boost --skill nextjs-route-designThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Showing SKILL.md
Based on SOC occupation classification
| name | nextjs-route-design |
| description | null |
Category: nextjs · Status: 🟢 Active
Khi thiết kế cấu trúc route/folder cho feature, gồm dynamic và advanced routing.
app/users/[id]/page.tsx cho dynamic segment.[...slug] catch-all, [[...slug]] optional khi cần.(marketing) để gom theo mục đích, không đổi URL.@slot cho nhiều vùng song song; intercepting (.) cho modal._components, _lib để tránh thành route.app/
(shop)/
products/
[id]/page.tsx // /products/123
page.tsx // /products
@modal/
(.)products/[id]/page.tsx // intercept modal
_components/ // không phải route
Good: Dynamic [id], route group gom layout, private folder cho helper. Avoid: Lồng folder vô nghĩa, dùng query param thay cho dynamic segment hợp lý.
[param]_x cho non-route