code-changelog

Automate code change documentation into a centralized reviews directory with an HTML viewer.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/dayoumin/Skills --skill code-changelog-dayoumin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: code-changelog
Source: https://github.com/dayoumin/Skills/tree/main/skills/code-changelog
Command: npx skills add https://github.com/dayoumin/Skills --skill code-changelog-dayoumin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the tedious task of documenting code changes made by AI. It creates a real-time, browsable changelog in a web browser, making it easy to track, review, and understand every modification without manual effort.

Core Features & Use Cases

  • Automatic Documentation: Generates Markdown files for every code creation, modification, or deletion.
  • Real-time Web Viewer: A simple Python HTTP server hosts a GitHub-style HTML viewer, automatically updating with new changes.
  • Dark Mode UI & Navigation: Provides a clean, readable interface with automatic file listing and navigation, always showing the latest changes first.
  • Use Case: As an AI develops a new feature, each file creation or modification is logged. Developers can then open http://localhost:4000 to see a live, detailed history of all AI-driven code changes, including diffs and reasons.

Quick Start

Ask Claude to "Initialize the code-changelog skill for 'My Project' and log a new file creation for 'main.py' with some initial code."

Frequently Asked Questions about code-changelog

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

FAQPage Schema
How do I automatically document code changes as they happen?▼

Automatically record code changes into Markdown files within a centralized reviews directory. The Skill generates documentation for every file creation, modification, or deletion, then hosts a live HTML viewer on a local Python server so you can browse the full changelog in real time.

Can I track AI-generated code modifications with a web viewer?▼

Yes. This Skill logs all code changes with automatic Markdown generation and serves a GitHub-style HTML interface on localhost. Navigate changes instantly with syntax highlighting and dark mode, always showing the latest modifications first.

What's the best way to create a real-time code changelog for development teams?▼

Set up automated changelog logging that captures every file operation—creation, modification, deletion, bug fixes, refactoring—and publishes them to a lightweight Python HTTP server. Teams access `http://localhost:4000` to review diffs and change reasons without manual documentation effort.

Do I need special setup to host a changelog viewer locally?▼

No complex setup required. The Skill maintains a dynamic index.html file and runs a lightweight Python server with configurable port settings. Point your browser to the designated port and view your changelog with automatic Markdown rendering and GitBook-style navigation.

How does this handle multiple file operations like refactoring and bug fixes?▼

Supports all active project scenarios: file creation, modification, deletion, bug fixes, and refactoring. Each operation generates a timestamped Markdown document with change details, automatically indexed and served through the HTML viewer for comprehensive workflow tracking.

Can I configure the server port for the changelog viewer?▼

Yes. The Skill includes port configurability so you can customize where the Python server hosts your HTML viewer. Modify settings to avoid conflicts and suit your local development environment.