guide-maker

Community

Generate 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 required

Components

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.
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.