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.