Does it handle responsive layout adjustments?

Yes, it is designed to insert the new card into the existing grid container and verify that the layout remains functional with the new card count.

Where in the HTML file is the new post placed?

The skill follows a 'newest first' pattern, inserting the new article card at the top of the existing list or grid.

Does it support existing CSS themes and dark mode?

Yes, the skill reads your existing HTML structure to identify and replicate your specific dark mode classes and CSS styling patterns.

Which file does this skill specifically modify?

This skill is designed to target and edit a file named blog.html within your project repository.

Can I provide a specific title for my new blog post?

Yes, the skill accepts a title as an argument which it uses to populate the heading of the new article card.

Static Blog Post Creator

Name: Static Blog Post Creator
Author: levkiss

bylevkiss

0•

内容管理

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.

主要功能

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

使用场景

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

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add levkiss/lev-cv-website new-blog-post

For use in Claude.ai and ChatGPT

主要功能

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

使用场景

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

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add levkiss/lev-cv-website new-blog-post

For use in Claude.ai and ChatGPT