guide-maker
CommunityGenerate high-visibility Notion guides
Authorrungchan2
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The Guide Maker automates the creation of clear, visually-rich Notion user guides from a project's frontend feature implementation so teams stop writing repetitive documentation by hand and reduce onboarding friction.
Core Features & Use Cases
- Automated content extraction: Analyze frontend code and UI elements to identify buttons, forms, steps, and important states for documentation.
- High-visibility formatting: Produce Notion pages that include tables, colored headings, code blocks, callouts, toggles (FAQ), and status tables following visual-patterns guidance.
- Notion-first publishing: Create the page under a designated parent ID and add all blocks in a single bulk API call to ensure consistent rendering and minimal partial updates.
- Use case: Turn the "Place" feature implementation into a step-by-step Notion user manual with screenshots, tips, and an FAQ ready for product or support teams.
Quick Start
Create a Notion user guide for the Place feature by analyzing the app/ folder and publish it under parent page ID 0656783731824d52aa4ac9523521bd14 using the connected Notion MCP.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: guide-maker Download link: https://github.com/rungchan2/frontend-skills/archive/main.zip#guide-maker Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.