add-timeline-page

Generate a tag-filtered infinite-scroll timeline page for an Astro blog.

3|1|Updated May 15, 2025
One-click install
npx skills add https://github.com/xergioalex/xergioalex.com --skill add-timeline-page
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-timeline-page
Source: https://github.com/xergioalex/xergioalex.com/tree/main/.claude/skills/add-timeline-page
Command: npx skills add https://github.com/xergioalex/xergioalex.com --skill add-timeline-page

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of new, tag-filtered timeline pages for blog posts, streamlining the process of showcasing content by specific topics.

Core Features & Use Cases

  • Page Generation: Creates a new Astro page component, EN/ES wrappers, translations, and AEO markdown files.
  • Infinite Scroll: Leverages an existing TagTimelineInfiniteScroll.svelte component for a seamless user experience.
  • Use Case: Quickly add a new /trading page that displays all blog posts tagged with 'trading' in an infinite-scroll timeline.

Quick Start

Use the add-timeline-page skill to create a new page for the 'trading' tag with the slug 'trading' and the page key 'tradingPage'.

Frequently Asked Questions about add-timeline-page

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

FAQPage Schema
How do I create a tag-filtered timeline page in Astro?

To create a tag-filtered timeline page in Astro, you provide a tag, slug, page key, and title to generate the page component, language wrappers, translations, and AEO markdown files.

What is the process for adding infinite scroll to a blog category page?

Adding infinite scroll to a blog category page utilizes an existing Svelte component to render tagged posts dynamically. The page generation follows established patterns from similar pages to ensure consistent content display and a seamless user experience.

Does this page generation method support multilingual content?

Yes, this page generation method supports multilingual content by creating EN and ES language wrappers along with required translations. This ensures the newly generated timeline page is fully configured for both English and Spanish audiences.

What inputs do I need to generate a new blog timeline page?

You need four specific inputs to generate a new blog timeline page: the target tag for filtering posts, the URL slug, a unique page key, and the page title. These parameters configure the page component and markdown files accurately.

Can I use existing Astro page patterns for new content timelines?

Yes, you can use existing Astro page patterns for new content timelines. The generation process specifically follows established structures from existing pages to maintain code consistency and efficient content display across your blog.