UI Prompt Theme
Docs Knowledge Base
A searchable documentation site with a nav tree, article content, and a table of contents.
docscontentdeveloper
Customize & Copy
The full prompt stays hidden — your choices below are built into a tailored prompt server-side and copied to your clipboard.
Primary Color
#14b8a6
Advanced theme & layout options
Secondary Color
off
Accent Color
off
Theme Mode
Prompt Intent
Generate a fresh interface from this prompt.
Action Style
Ask the tool to edit the files itself.
Tool Mode
Paste this into a new v0 chat.
Every prompt includes
- Product context
- Layout direction
- Component requirements
- Responsive behavior
- Accessibility notes
- Tool-specific framing
What this prompt can generate
A developer docs layout built for finding a page fast and reading a long technical article without losing your place.
Typical structure
Nav tree | article | on-this-page TOCSearch with ⌘K hintCode blocks with copy buttons
Key UI elements
- Collapsible nav tree with active-page state
- Auto-generated table of contents with scroll highlight
- Code blocks with language label and copy button
- Info / warning / tip callouts
Best for
- API and product documentation
- Internal knowledge bases
Visual direction
- Generous line-height for long reading
- Correct heading hierarchy — it is how docs are navigated
Works well in
- v0.dev
- Cursor
- Claude Code
This describes the intended direction, not a fixed result. Output may vary by tool and by run. The copied prompt stays in English.