AI Agent Skills Directory with categorization, English/Chinese translation, and script security checks.

Sitemap

Home
All Skills
Search
Tools

About

About Us
Disclaimer
Copyright

Help

FAQ
Privacy
Terms

Home/All Skills/Frontend Development/docs-page

docs-page

Original：🇨🇳 Chinese

Translated

Three-column Document Page: Side Navigation + Main Content + Right TOC

11installs

Sourcenexu-io/html-anything

Added on2026-05-16

NPX Install

npx skill4agent add nexu-io/html-anything docs-page

SKILL.md Content (Chinese)

View Translation Comparison →

【Template: Technical Document Page】【Purpose】Single page for API / tutorial documents, prioritizing long-reading experience. 【Layout】

Inline-start nav (sections + sticky)
Article body (including code blocks, callouts, tables)
Inline-end TOC (sticky, scroll-spy)
Top bar with search + version + theme switch 【Design Details】
Code blocks: rounded corners + dark mode + language labels + copy button
Callouts: three colors for info / warn / danger

Download

Download TranslatedIncludes original Skill.md

(3.7 KB)Download Original(3.0 KB)

Related Skills

vue-best-practices

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

next-upgrade

Upgrade Next.js to the latest version following official migration guides and codemods

performance

Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".

tailwind-patterns

Production-ready Tailwind CSS patterns for common website components: responsive layouts, cards, navigation, forms, buttons, and typography. Includes spacing scale, breakpoints, mobile-first patterns, and dark mode support. Use when building UI components, creating landing pages, styling forms, implementing navigation, or fixing responsive layouts.

docs-page

NPX Install

Tags

SKILL.md Content (Chinese)