Can I customize the guide categories?

Yes, categories are mapped based on file slugs in the scanner utility, which can be easily extended to include custom categories like 'API' or 'Security'.

Does it support real-time documentation updates?

It includes a sync API route that can be used to synchronize file-based documentation with a database for more advanced management features.

Does it support syntax highlighting for code blocks?

The skill includes a dedicated MarkdownRenderer component using rehype-highlight to provide professional styling for various programming languages.

How does the skill find documentation files?

It utilizes a scanner utility that looks for SKILL.md files within a directory specified by the KREATSAAS_SKILLS_DIR environment variable.

Is this skill specific to Next.js?

While the UI components provided are optimized for Next.js App Router, the core scanning logic and metadata parsing can be adapted for any TypeScript environment.

Admin Doc Viewer & Manager

Name: Admin Doc Viewer & Manager
Author: johunsang

byjohunsang

•

内容管理

Automates the scanning, categorization, and rendering of internal documentation guides within an integrated admin dashboard.

The docs-admin skill provides a robust framework for building a centralized documentation portal directly inside a SaaS application's admin panel. It features an automated scanning utility that parses Markdown files and frontmatter metadata, allowing developers to manage setup guides, development workflows, and SEO strategies in one place. By leveraging Next.js server components and custom Markdown rendering, it ensures that technical guides remain accessible, searchable, and always synchronized with the codebase.

主要功能

01Dynamic categorization and ordering for structured guide management

021 GitHub stars

03Rich Markdown rendering with GFM and dark-mode syntax highlighting

04Pre-configured Next.js admin templates for list and detail views

05Automatic file scanning and metadata extraction for SKILL.md files

06Automated documentation synchronization via a dedicated API endpoint

使用场景

01Providing administrators with real-time access to technical documentation and SOPs

02Creating an automated help center that updates as new markdown files are added

03Building an internal team wiki for SaaS development and deployment workflows

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add johunsang/kreatsaas docs-admin

For use in Claude.ai and ChatGPT

Download Skill