Skip to content
Content
Skill

/docs-page

三栏文档页: 侧导航 + 正文 + 右 TOC

Boost this skill
@nexu-ionexu-io@nexu-io
From plugin
html-anything
8.8k81 skills
Install
$ npx -y skills add nexu-io/html-anything --skill docs-page --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/docs-page

Context preview

The summary Claude sees to decide when to auto-load this skill.

三栏文档页: 侧导航 + 正文 + 右 TOC

SKILL.md

docs-page.SKILL.md
name: docs-page
zh_name: "技术文档页"
en_name: "Docs Page"
emoji: "📘"
description: "三栏文档页: 侧导航 + 正文 + 右 TOC"
category: doc
scenario: engineering
aspect_hint: "桌面 1440"
tags: ["docs", "api", "tutorial", "guide"]

【模板: 技术文档页】 【意图】API / 教程文档单页, 长读体验优先。 【布局】

  • Inline-start nav (sections + sticky)
  • Article body (含代码块, callouts, 表格)
  • Inline-end TOC (sticky, scroll-spy)
  • 顶栏 search + version + 主题切换

【设计细节】

  • 代码块: 圆角 + dark + 语言标签 + 复制按钮
  • callout: info / warn / danger 三色
Read it on GitHub ↗
Ships withhtml-anything

From the team behind Open Design — 40k★ · 200+ contributors, production-grade and iterating faster. html-anything is the focused agent-era HTML editor; if it clicks for you, Open Design is where the same team ships at scale.

Get the whole plugin
Stats
TypeScriptNodeHTMLCSSBash
+7 tags
SQLGitHubMarkdownAnthropicGeminiObsidianBun
8,827
Stars
857
Forks
Active
Maintenance
HTML
Language
Apache-2.0
License
2d ago
Last commit
4mo ago
Created

Repo: nexu-io/html-anything

In this plugin
81 skills
See everything inside

Other skills on html-anything.

See all 81 skills in html-anything