Docs Diagrams
vercel/next.js
Draw diagrams for the Next.js docs in the style of the ones already published there: the light/dark PNGs an mdx references with <Image srcLight="/docs/light/<name.png" srcDark="/docs/dark/<name.png".
Integrate the SmallDocs browser renderer into a web application.
Install Smalldocs Renderer
$ npx skills add espressoplease/smalldocs --skill smalldocs-renderer -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install espressoplease/smalldocs smalldocs-renderer --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/espressoplease/smalldocs.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/smalldocs-renderer .claude/skills/smalldocs-renderer && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "smalldocs-renderer" agent skill from https://github.com/espressoplease/smalldocs/tree/main/.agents/skills/smalldocs-renderer into .claude/skills/smalldocs-renderer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "smalldocs-renderer", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/espressoplease/smalldocs/tree/main/.agents/skills/smalldocs-rendererType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add espressoplease/smalldocs --skill smalldocs-renderer -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install espressoplease/smalldocs smalldocs-renderer --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/espressoplease/smalldocs.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/smalldocs-renderer .agents/skills/smalldocs-renderer && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "smalldocs-renderer" agent skill from https://github.com/espressoplease/smalldocs/tree/main/.agents/skills/smalldocs-renderer into .agents/skills/smalldocs-renderer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "smalldocs-renderer", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add espressoplease/smalldocs --skill smalldocs-renderer -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install espressoplease/smalldocs smalldocs-renderer --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/espressoplease/smalldocs.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/smalldocs-renderer .cursor/skills/smalldocs-renderer && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "smalldocs-renderer" agent skill from https://github.com/espressoplease/smalldocs/tree/main/.agents/skills/smalldocs-renderer into .cursor/skills/smalldocs-renderer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "smalldocs-renderer", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/espressoplease/smalldocs.git --path .agents/skills/smalldocs-renderer--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add espressoplease/smalldocs --skill smalldocs-renderer -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install espressoplease/smalldocs smalldocs-renderer --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/espressoplease/smalldocs.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/smalldocs-renderer .gemini/skills/smalldocs-renderer && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "smalldocs-renderer" agent skill from https://github.com/espressoplease/smalldocs/tree/main/.agents/skills/smalldocs-renderer into .gemini/skills/smalldocs-renderer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "smalldocs-renderer", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install espressoplease/smalldocs smalldocs-rendererInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add espressoplease/smalldocs --skill smalldocs-renderer -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/espressoplease/smalldocs.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/smalldocs-renderer .github/skills/smalldocs-renderer && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "smalldocs-renderer" agent skill from https://github.com/espressoplease/smalldocs/tree/main/.agents/skills/smalldocs-renderer into .github/skills/smalldocs-renderer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "smalldocs-renderer", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add espressoplease/smalldocs --skill smalldocs-renderer -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install espressoplease/smalldocs smalldocs-renderer --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/espressoplease/smalldocs.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/smalldocs-renderer .opencode/skills/smalldocs-renderer && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "smalldocs-renderer" agent skill from https://github.com/espressoplease/smalldocs/tree/main/.agents/skills/smalldocs-renderer into .opencode/skills/smalldocs-renderer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "smalldocs-renderer", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
smalldocs-renderer- GitHub stars
- 209
- Token cost
- ~1.1k tokens
- SKILL.md length
- 535 words
- Files
- 2 (incl. references)
- Skills in repo
- 2
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
Integrate the SmallDocs browser renderer into a web application.
- Works in 6 steps: Inspect the host framework, route… → Add one stable mount element where the… → Import the versioned browser module and… → …
- An application needs to display agent-authored Markdown
- SKILL.md covers Integration workflow, Configuration workflow, Boundaries and Verification
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Smalldocs Renderer is an agent skill from espressoplease/smalldocs. Integrate the SmallDocs browser renderer into a web application. Use when an application needs to display agent-authored Markdown or SmallDocs rich document features, when adding render, update, and destroy lifecycle wiring, or when debugging a SmallDocs renderer integration.
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/api.md`).
It sits in Development, covering Markdown. The repository describes itself as: Read, style, and share markdown files - privately. Formerly SDocs.
When your agent uses it
- An application needs to display agent-authored Markdown
- SmallDocs rich document features
- Destroy lifecycle wiring
- Debugging a SmallDocs renderer integration
Example prompts
- “/smalldocs-renderer”
Workflow steps
6 steps, taken from the first numbered list in SKILL.md.
- Inspect the host framework, route lifecycle, Content Security Policy, tests, and existing visual patterns.
- Add one stable mount element where the document should appear.
- Import the versioned browser module and call await render(target, markdown) after the application has the finished Markdown.
- Keep the returned view. Use view.update(markdown) for replacement content and view.destroy() on unmount.
- Style the document through SDK custom properties or scoped selectors under the mount.
- Test from a clean customer page, not from SmallDocs application globals.
What it can do on your machine
Read from SKILL.md and the folder at commit ba5934a. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Smalldocs Renderer loads about 1.1k tokens when it runs, and up to ~4k if it reads all its reference files. Until then it costs about 74 tokens; SKILL.md has 535 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 535 words (~1,079 tokens).
“Render finished Markdown as a SmallDocs document inside an application. The host supplies a mount element and Markdown. SmallDocs owns parsing, sanitisation, feature discovery, rendering, and content-driven loading.”
- name
- smalldocs-renderer
Files
SKILL.md and 1 other file (references) in .agents/skills/smalldocs-renderer of espressoplease/smalldocs.
- SKILL.md
- references/api.md
Open the folder on GitHubat commit ba5934a
Compare with similar skills
Smalldocs Renderer next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Smalldocs Renderer this skillespressoplease/smalldocs | 209 | — | ~1.1k | Automated safety check: Pass | Custom licence | |
| Docs Diagramsvercel/next.js | 143k | — | ~2.9k | Automated safety check: Pass | MIT | |
| WooCommerce Markdown Guidelineswoocommerce/woocommerce | 11k | 1 repos | ~1.7k | Automated safety check: Pass | Custom licence | |
| Docs Conventionsflet-dev/flet | 17k | — | ~1.6k | Automated safety check: Pass | Apache-2.0 | |
| Cut Releasespiculedata/saiku | 1.3k | — | ~502 | Automated safety check: Pass | Apache-2.0 | |
| Flowmark Markdown Formatterjlevy/repren | 374 | — | ~631 | Automated safety check: Pass | MIT |
Similar skills
- Official
WooCommerce Markdown Guidelines
woocommerce/woocommerce
Rules for writing and editing markdown in the WooCommerce repository, with the project's markdownlint settings for headings, lists and code blocks.
Docs Conventions
flet-dev/flet
A skill your agent uses when writing or reviewing Flet documentation, including Python docstrings (Google style, reST roles, admonitions), Markdown docs (cross-references, images, code examples)…
Cut Release
spiculedata/saiku
Cut a Saiku release via Gitflow — version bump, release branch, PR to main, tag, back-merge, and post-release chores.
Flowmark Markdown Formatter
jlevy/repren
Formats Markdown with the Flowmark auto-formatter for typographic cleanup and semantic line breaks, and helps adopt it across a repository.
Lint Repository Markdown
codsen/codsen
Keep the repository's linted Markdown passing npm run lint:markdown.
More from espressoplease/smalldocs
Smalldocs Author
espressoplease/smalldocs
Create finished SmallDocs Markdown for an application using the SmallDocs renderer.
Related
Categories
Questions about Smalldocs Renderer
What does Smalldocs Renderer do?
Integrate the SmallDocs browser renderer into a web application. Smalldocs Renderer is an agent skill from espressoplease/smalldocs. Integrate the SmallDocs browser renderer into a web application.
When should I use Smalldocs Renderer?
Smalldocs Renderer fits situations like: an application needs to display agent-authored Markdown; smallDocs rich document features; destroy lifecycle wiring; debugging a SmallDocs renderer integration.
How do I install Smalldocs Renderer in Claude Code?
Run `npx skills add espressoplease/smalldocs --skill smalldocs-renderer -a claude-code`. Or copy the skill folder (.agents/skills/smalldocs-renderer in espressoplease/smalldocs) into .claude/skills/smalldocs-renderer in your project. Claude Code loads it when a task matches its description.
How do I install Smalldocs Renderer in Codex?
Run `npx skills add espressoplease/smalldocs --skill smalldocs-renderer -a codex`. Or copy the skill folder (.agents/skills/smalldocs-renderer in espressoplease/smalldocs) into .agents/skills/smalldocs-renderer in your project. Codex loads it when a task matches its description.
Can I use Smalldocs Renderer in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add espressoplease/smalldocs --skill smalldocs-renderer -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/smalldocs-renderer, .gemini/skills/smalldocs-renderer, .github/skills/smalldocs-renderer and .opencode/skills/smalldocs-renderer in your project.
What does Smalldocs Renderer need to run?
SKILL.md names no scripts, command-line tools or credentials: Smalldocs Renderer is instructions for the agent only.
Does Smalldocs Renderer access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Smalldocs Renderer safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Smalldocs Renderer use?
Smalldocs Renderer has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.
How many tokens does Smalldocs Renderer use?
About 1.1k tokens (SKILL.md is roughly 4.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 2.9k tokens, read only when the agent opens those files.
What are the alternatives to Smalldocs Renderer?
Skills that share tags, products or a category with Smalldocs Renderer: Docs Diagrams (vercel/next.js, 143k stars), WooCommerce Markdown Guidelines (woocommerce/woocommerce, 11k stars), Docs Conventions (flet-dev/flet, 17k stars) and Cut Release (spiculedata/saiku, 1.3k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Smalldocs Renderer?
espressoplease (a GitHub user) maintains it in espressoplease/smalldocs, which has 209 GitHub stars. The repository holds 2 skills in this directory. The repository was last updated on October 11, 2026.
Source: espressoplease/smalldocs on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.