generate-article-page

Generate ARTICLES entries and chart-data.ts constants from merged extraction payloads.

Updated Aug 23, 2025
One-click install
npx skills add https://github.com/therealityreport/trr-app --skill generate-article-page
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: generate-article-page
Source: https://github.com/therealityreport/trr-app/tree/main/.agents/skills/design-docs-agent/generate-article-page
Command: npx skills add https://github.com/therealityreport/trr-app --skill generate-article-page

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates converting merged extraction results into a ready-to-use design-doc entry and corresponding chart data constants, reducing manual config time and potential inconsistencies.

Core Features & Use Cases

  • Generates an ARTICLES entry with id, title, url, authors, date, section, type, description, ogImage, and tags from a provided merged extraction payload.
  • Produces two code blocks appended to the TRR codebase: one updating apps/web/src/lib/admin/design-docs-config.ts and another updating apps/web/src/components/admin/design-docs/chart-data.ts with new chart data constants.
  • Validates and aligns auditable fields like graphicsCount, figuresCount, fonts, and architecture details; surfaces TODOs when data is missing.
  • Handles inputs with Datawrapper and ai2html charts, producing both metadata and live chart data constants as needed.

Quick Start

Provide the merged extraction JSON object to the skill to generate the ARTICLES entry and chart-data.ts constants for the TRR app.

Frequently Asked Questions about generate-article-page

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

FAQPage Schema
How do I generate design doc configurations from extracted article metadata?

To generate design doc configurations from extracted article metadata, you provide a merged extraction JSON payload to automatically produce an ARTICLES entry with required fields like id, title, url, authors, and date. This process also validates architecture details and surfaces TODOs for missing data.

Can I use Datawrapper and ai2html chart embeds when generating chart-data constants?

Yes, you can use Datawrapper and ai2html chart embeds when generating chart-data constants. The tool accepts inputs with both chart types, mapping the chart types and data to the appropriate tooling to produce live chart data constants alongside the article metadata.

What fields are required when creating an ARTICLES entry for design docs?

Required fields when creating an ARTICLES entry for design docs include id, title, url, type, description, ogImage, authors, date, section, graphicsCount, figuresCount, fonts, and architecture. The generation process ensures these fields are populated and validates auditable metadata.

How do I update chart-data.ts constants for a TRR design doc codebase?

To update chart-data.ts constants for a TRR design doc codebase, the tool produces a code block appended to apps/web/src/components/admin/design-docs/chart-data.ts. It also generates a corresponding code block for design-docs-config.ts from your merged extraction payload.

What happens if my extraction payload is missing architecture metadata or font data?

If your extraction payload is missing architecture metadata or font data, the generation process validates and aligns auditable fields like graphicsCount, figuresCount, fonts, and architecture details, then surfaces TODOs to flag the missing data so you can resolve it manually.