angular-awesome-docs

Generate Angular Awesome component documentation and changelogs from markdown sources.

2|1|Updated Jun 4, 2025
One-click install
npx skills add https://github.com/GedMarc/angular-awesome --skill angular-awesome-docs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: angular-awesome-docs
Source: https://github.com/GedMarc/angular-awesome/tree/main/skills/angular-awesome-docs
Command: npx skills add https://github.com/GedMarc/angular-awesome --skill angular-awesome-docs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill streamlines the repetitive and error-prone process of producing and updating component documentation, examples, component indexes, and changelogs for the Angular Awesome wrapper directives so maintainers can keep docs aligned with source and Web Awesome versions.

Core Features & Use Cases

  • Source-driven HTML generation: Parses component-level rules and example markdown and renders them into HTML pages using the project's templates.
  • Index and badge synchronization: Regenerates the components index and updates the global version badge to match Web Awesome alignment.
  • Changelog management: Assists with adding Keep a Changelog style release notes and ensuring entries are present for the current version.
  • Use Case: When a directive API or example changes, run the doc generator to produce updated component pages, refresh the components index, and add or adjust the changelog before release.

Quick Start

Regenerate component documentation, refresh the components index, and update the changelog by running the project's documentation generator and applying the docs/includes templates.

Frequently Asked Questions about angular-awesome-docs

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

FAQPage Schema
How do I generate Angular component documentation from markdown source files?

Angular component documentation is generated by parsing markdown rules and examples from the src/directives directory, then rendering them into final HTML pages using docs/includes templates via a Node.js generator script.

How do I keep my Angular component index and version badges synchronized with Web Awesome?

Synchronize the component index and version badges by running the documentation generator, which regenerates the components index and updates the global version badge to match the current Web Awesome alignment automatically.

What is the best way to automate changelog updates for Angular component releases?

Automate changelog updates by using the documentation pipeline to assist with adding Keep a Changelog style release notes, ensuring appropriate entries are present for the current version before release.

Do I need Node.js to run the Angular documentation generator?

Node.js is required to run the documentation generator. The pipeline relies on a node-based docs/generate-docs.js script to build component pages and the components index from markdown sources.

What directory structure is required for generating Angular Awesome component docs?

A standardized src/directives layout containing rules and example markdown for each component is required, alongside docs/includes templates that the generator populates to produce final HTML output.

When should I regenerate Angular component documentation and update the changelog?

Regenerate component documentation and update the changelog whenever a directive API or example changes, ensuring component pages, the components index, and changelog are refreshed before release.