π π Auto-generate documentation for n8n workflows with GPT and Docsify
β‘ 12,006 views Β· π Internal Wiki & Knowledge Base
Description
This workflow creates a documentation system for n8n instances using Docsify.js. It serves a dynamic documentation website that allows users to:
- View an overview of all workflows in a tabular format
- Filter workflows by tags
- Access automatically generated documentation for each workflow
- Edit documentation with a live Markdown preview
- Visualize workflow structures using Mermaid.js diagrams
> πΊ Check out the short 2-min demonstration on LinkedIn. Donβt forget to connect!
π§ Key Components
- Main Documentation Portal
- Serves a Docsify-powered website
- Provides a navigation sidebar with workflow tags
- Displays workflow status, creation date, and documentation links
- Documentation Generator
- Uses GPT model to auto-generate workflow descriptions
- Creates Mermaid.js diagrams of workflow structures
- Maintains consistent documentation format
- Live Editor
- Split-screen Markdown editor with preview
- Real-time Mermaid diagram rendering
- Save/Cancel functionality
βοΈ Technical Details
Environment Setup
- Requires write access to the specified project directory
- Uses environment variables for n8n instance URL configuration
- Implements webhook endpoints for serving documentation
β οΈ Security Considerations
> Note: The current implementation doesnβt include authentication for editing. Consider adding authentication for production use.
Dependencies
- Docsify.js for documentation rendering
- Mermaid.js for workflow visualization
- OpenAI GPT for documentation generation
π Part of the n8n Observability Series
This workflow is part of a broader series focused on n8n instance observability. Check out these related workflows:
- Workflow Dashboard - Get comprehensive analytics of your n8n instance
- Visualize Your n8n Workflows with Mermaid.js - Create beautiful workflow visualizations
Each workflow in this series helps you better understand and manage your n8n automation ecosystem!
π Nodes Used
Webhook, n8n, Basic LLM Chain, OpenAI Chat Model, Auto-fixing Output Parser, Structured Output Parser
π₯ Import
Download workflow.json and import into n8n:
Workflow menu β Import from File