What problem does it solve? Adding blogs, docs, or article pages to an Angular SPA usually means hand-wiring routes, data models, RSS feeds, and chart rendering from scratch. This Skill provides a complete pipeline that converts Markdown articles into typed TypeScript data, renders them through reusable components, and generates RSS feeds at build time. ## Core Features & Use Cases - Markdown-to-TypeScript pipeline: Converts content/articles/*.md files with YAML frontmatter into typed Article data files via scripts/build-articles.mjs, with dynamic imports, ESLint auto-fix, and an auto-generated provider barrel file. - Rich content blocks: Supports paragraphs, tables, callouts, code blocks, ApexCharts charts, dagre-rendered diagrams, and KaTeX math equations — all pre-rendered at build time with zero client-side JS overhead. - Battle-tested pitfall catalog: Over 60 documented pitfalls covering Angular signals, ApexCharts integration, vitest testing, ESLint rules, and E2E WebKit quirks. - Use Case: Add a new blog post by writing a Markdown file with frontmatter, run node scripts/build-articles.mjs, and the article appears at /blog/:slug with charts, diagrams, and RSS inclusion. ## Quick Start Ask the AI to add a new blog article to the Angular site by creating a Markdown file in content/articles and running the build-articles script.
