Skills
.Work. You
Rest

doc-viewer

Community

Inject interactive docs into your app post-KB.

Content & Communication#documentation#markdown#routing#localization#frontmatter#in-app docs
AuthorSwear4
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The Doc Viewer injects an interactive documentation page into the target application after the Documentation KB pipeline, rendering .fr.md and .en.md files with language switch, a sidebar, and cross-linked article references.

Core Features & Use Cases

  • Language-aware in-app documentation rendering for Next.js App Router, Next.js Pages Router, React+Vite, Vue+Vite, and Angular projects.
  • Side navigation, language toggle, and cross-linking to provide a cohesive reading experience across FR and EN content.
  • Automated placement under public/content and a dedicated /docs route within the app, with fallback UI for projects lacking a navbar.
  • Phase-driven workflow compatibility: after the KB pipeline, the doc-viewer consumes generated docs to display them in-app.

Quick Start

Install and configure the Doc Viewer to inject an in-app docs page after the KB pipeline.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: doc-viewer
Download link: https://github.com/Swear4/agent_rules/archive/main.zip#doc-viewer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.