docs-page

A documentation page — inline-start nav, scrollable article body, inline-end table of contents

Generate Convert Improve

Install / Use

npx skills add nexu-io/open-design --skill docs-page

Installs into whichever agent you are using.

About this skill

📄

SKILL.md

Installable skill definition

Quality Score

84/100

Our assessment of docs-page

docs-page scores 84/100 on our quality scale, 79th of 156 Design skills we index.

Its SKILL.md is 2.9 KB long, split into 3 sections with 1 code example: a solid amount of guidance for an agent.

With 97,896 GitHub stars, it is one of the more widely adopted skills in the catalogue.

Substance

26/30

Structure

12/20

Description

12/15

Adoption

20/20

Freshness

15/15

Maintenance, license and trust

The repository was last updated yesterday, so docs-page is actively maintained.
It is released under the Apache-2.0 license, a permissive license that allows use, modification and commercial use with attribution.
Its trust signals score 100/100, with no cautions. These come from repository metadata, not a code audit — read the skill file before letting an agent act on it.

Safety scan

No issues found

Our scan of the whole file found no instruction hijacking, hidden characters, credential access, data exfiltration or destructive commands.

Automated pattern scan on 2026-09-26. It catches known dangerous patterns, not every risk — read a skill before letting an agent act on it.

docs-page compared with similar skills

All 4 of these similar skills score higher than docs-page; compare them before choosing.

Skill	Score	Stars	Updated	Format
docs-page (this skill)by nexu-io	84	97.9k	1d ago	SKILL.md
Agent-Reachby Panniantong	100	85.5k	10d ago	CLAUDE.md
headroomby headroomlabs-ai	100	73.8k	today	CLAUDE.md
Scraplingby D4Vinci	100	83.7k	today	MCP Server
LocalAIby mudler	100	49.3k	today	MCP Server

Frequently asked questions

How do I install docs-page?: Run npx skills add nexu-io/open-design --skill docs-page. The install tabs above show the steps for each supported agent.
Which AI agents does docs-page work with?: It is written for Universal, as a SKILL.md file. Other agents that read the same format can often use it too.
Is docs-page safe to use?: Our scan of the whole file found no instruction hijacking, hidden characters, credential access, data exfiltration or destructive commands. It is Apache-2.0-licensed and scores 100/100 on trust signals. Skills are instructions an agent will follow, so read the file before installing it and do not approve commands you do not understand.
Is docs-page still maintained?: The repository was last updated yesterday, so docs-page is actively maintained.

Skill content

View source on GitHub

name: docs-page description: | A documentation page — inline-start nav, scrollable article body, inline-end table of contents. Use when the brief mentions "docs", "documentation", "guide", "API reference", or "tutorial". triggers:

"docs"
"documentation"
"guide"
"tutorial"
"api reference"
"文档" od: mode: prototype platform: desktop scenario: engineering preview: type: html entry: index.html design_system: requires: true sections: [color, typography, layout, components] craft: requires: [typography, typography-hierarchy, typography-hierarchy-editorial, rtl-and-bidi]

Docs Page Skill

Produce a single, three-column documentation page in one HTML file.

Workflow

Read the active DESIGN.md (injected above). Use the body type token for prose; the mono token for code; respect line-height and max-width rules.
Pick a topic from the brief — the page should look like real docs, not a generic wireframe. Concrete API names, command examples, plausible parameters.
Lay out three regions, expressed on the inline axis so the layout flips correctly under dir="rtl":
- Inline-start nav (240–280px, sticky): grouped link list, current page bolded with an inline-start-edge accent stripe. 3–5 groups of 4–8 links.
- Article body (max-width ~720px, centered in the middle column): H1, lede paragraph, H2 sections, code blocks, callout boxes (note / warning), inline links, lists.
- Inline-end TOC (200–240px, sticky): "On this page" with the H2/H3 anchors, current section highlighted as the user scrolls.
Write a single HTML document:
- <!doctype html> through </html>, all CSS inline.
- CSS Grid for the three columns; sticky positioning for the rails.
- Code blocks: monospace token, soft surface fill, copy-button affordance (visual only — no JS needed).
- Anchor IDs on every H2/H3 so the TOC links work.
- data-od-id on the nav, article, and TOC.
Prose: write at least 350 words of believable docs. Include at least one shell command, one code snippet (5–15 lines), one callout, one table.
Self-check:
- Body text wraps at the DS line-length sweet spot (60–75 chars).
- Code uses the DS mono token, not generic monospace.
- Accent is restrained — used for active nav item, links, one callout border. Not on body text.
- Page is readable at 1280w and collapses gracefully below 900w (TOC drops out, nav becomes a top drawer).
- Use logical CSS (margin-inline-start, border-inline-start, inset-inline-end, text-align: start) on the rails and accent stripe so the layout flips correctly under dir="rtl".

Output contract

Emit between <artifact> tags:

<artifact identifier="docs-slug" type="text/html" title="Docs — Page Title">
<!doctype html>
<html>...</html>
</artifact>

One sentence before the artifact, nothing after.

Related Skills

Agent-Reach

85.5k

Give your AI agent eyes to see the entire internet. Read & search Twitter, Reddit, YouTube, GitHub, Bilibili, XiaoHongShu — one CLI, zero API fees.

headroom

73.8k

Compress tool outputs, logs, files, and RAG chunks before they reach the LLM. 20% fewer tokens for coding agents, 60-95% fewer tokens for JSON, same answers. Library, proxy, MCP server.

Scrapling

83.7k

🕷️ An adaptive Web Scraping framework that handles everything from a single request to a full-scale crawl! Don't be shy, join here: https://discord.gg/EMgGbDceNQ and follow here for daily tips and tricks: https://x.com/Scrapling_dev

LocalAI

49.3k

LocalAI is the open-source AI engine. Run any model - LLMs, vision, voice, image, video - on any hardware. No GPU required.

nexu-io

View profile

View on GitHub

GitHub Stars97.9k

CategoryDesign

Updated1d ago

Forks11.4k

nexu-io/docs-page

Languages

TypeScript

Trust signals

100/100

From repository metadata: license, adoption, age and documentation. Not a code audit — see the Safety scan above for what the skill file itself contains.

No cautions