Page Doc Writer

Generate page documentation markdown from front-end files and QA results.

Updated Apr 14, 2026
One-click install
npx skills add https://github.com/skerishKang/LoveBud --skill page-doc-writer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Page Doc Writer
Source: https://github.com/skerishKang/LoveBud/tree/main/skills/page-doc-writer
Command: npx skills add https://github.com/skerishKang/LoveBud --skill page-doc-writer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Transforms implemented front-end pages, related files, and QA findings into consistent, discoverable page documentation so teams can quickly understand page purpose, status, and next steps without manual consolidation.

Core Features & Use Cases

  • Structured Page Docs: Produces a page-level markdown file with purpose, user goals, file structure, major UI sections, and known issues.
  • Template-driven Output: Fills a reusable page template and ensures the pages_index is updated with status and date.
  • Operational Use Cases: Use after completing a feature page, after browser QA, or when a bugfix changes behavior to keep docs in sync with implementation.

Quick Start

Generate a page documentation file for the search page using pages/search.html and js/search.js, include browser QA results and recent commit notes, and add or update the entry in docs/pages/pages_index.md.

Frequently Asked Questions about Page Doc Writer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate page documentation for newly implemented front-end pages?

To generate page documentation for newly implemented front-end pages, apply this process to completed feature pages by extracting file paths, recent commits, and browser QA results, then populating a reusable page template and updating the pages_index markdown entry.

What is the best way to document QA-validated web pages during MVP development?

The best way to document QA-validated web pages during MVP development is to apply a template-driven approach that records purpose, user goals, file structure, major UI sections, and known issues, ensuring the pages_index markdown is updated with current status and date.

How do I keep page documentation in sync after a bugfix changes front-end behavior?

To keep page documentation in sync after a bugfix changes front-end behavior, regenerate the page-level markdown file to reflect the updated browser QA results and recent commit notes, and modify the corresponding entry in the pages_index.

What should be included in structured page documentation for implemented features?

Structured page documentation for implemented features should include the page purpose, user goals, file structure, major UI sections, and known issues, all populated into a standardized template and indexed in a central pages_index markdown file.

Can I use this page documentation generation process without manual file consolidation?

Yes, this process transforms implemented front-end pages, related files, and QA findings into consistent, discoverable page documentation automatically, allowing teams to quickly understand page purpose and status without manual consolidation.

When do I need to update the pages_index markdown entry for web page documentation?

You need to update the pages_index markdown entry for web page documentation after completing a feature page, following browser QA validation, or when a bugfix changes behavior, ensuring the index reflects the current status and date.