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.