Adds a new, styled blog article card to your website's blog page with consistent formatting and layout.
This skill streamlines the process of updating static websites by automatically generating and inserting new article cards into a blog.html file. It analyzes the existing HTML structure to ensure that new entries perfectly match current design patterns, including responsive grid layouts, dark mode classes, hover effects, and metadata like read time and tags. By automating the insertion of the newest post at the top of the feed, it helps developers maintain a consistent and professional portfolio or personal website without tedious manual HTML editing.
Key Features
01Generates fully styled article cards including metadata, dates, and tags
02Automatically parses existing blog.html structure for design consistency
03Maintains responsive grid layouts and dark mode compatibility
040 GitHub stars
05Ensures CSS hover effects and transition classes are preserved
06Inserts new content at the top of the feed for chronological accuracy
Use Cases
01Maintaining a consistent visual style across multiple static site blog entries
02Quickly adding a new project write-up to a personal portfolio website
03Automating repetitive HTML card creation tasks during site updates
