update-website

Sync website content from code markers across static HTML and JS frameworks.

Updated Jul 24, 2024
One-click install
npx skills add https://github.com/jasonwilmot/little-riddle --skill update-website-jasonwilmot
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: update-website
Source: https://github.com/jasonwilmot/little-riddle/tree/main/.claude/skills/update-website
Command: npx skills add https://github.com/jasonwilmot/little-riddle --skill update-website-jasonwilmot

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Keeping a website in lockstep with an evolving app codebase is error-prone and time-consuming. This skill automates content synchronization across markers, changelogs, features, and docs, reducing manual drift and human error.

Core Features & Use Cases

  • Marker-driven sync: updates version, changelog, last commit, and feature blocks by mapping code markers to website sections.
  • Framework-agnostic support: works with static HTML, Jekyll, Hugo and popular JS frameworks.
  • Automated content pipelines: regenerates docs, changelogs, and feature lists from code and commit history; supports dry-run, setup wizards, and drift checks.

Quick Start

Run the update-website workflow from your project root to perform a full website-content sync using the current configuration.

Frequently Asked Questions about update-website

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

FAQPage Schema
How do I auto-sync website content with my codebase?

Auto-syncing website content involves extracting markers and content from code, JSON sources, and configuration files to update version data, changelogs, and documentation across your site.

Does this website sync tool work with Jekyll, Hugo, and Next.js?

Yes, this website sync tool works with static HTML, Jekyll, Hugo, Next.js, and Nuxt, applying marker-driven content synchronization across these frameworks.

What is marker-driven content synchronization for websites?

Marker-driven content synchronization maps code markers to website sections to automatically update version data, changelogs, last commit details, and feature blocks.

Can I detect documentation drift between my app and website?

Yes, you can detect documentation drift using the built-in drift check feature, which identifies inconsistencies between your evolving app codebase and your live website content.

How do I deploy website content updates via Git?

You can deploy website content updates via Git by configuring the sync workflow with optional deployment scripts, allowing automated pushes of regenerated changelogs and documentation.

What's the best way to automate changelog generation from code?

The best way to automate changelog generation is using a content pipeline that regenerates docs and changelogs directly from code and commit history, supported by dry-run and drift checks.