new-blog-post — automated blog post creation new-blog-post, lev-cv-website, community, automated blog post creation, ide skills, new-blog-post install, Claude Code, Cursor, Windsurf

v1.0.0
GitHub

About this Skill

Perfect for Web Development Agents needing automated blog post updates with consistent HTML and CSS styling. new-blog-post is a skill that automates the creation of new blog posts by adding article cards to blog.html, following a predefined pattern and layout.

Features

Reads blog.html to understand the current card structure and grid layout
Creates new article cards with title, description, tags, estimated read time, and date
Applies proper dark mode classes and hover effects consistent with other cards
Inserts new cards in the appropriate position, maintaining a responsive grid placement
Verifies the grid layout still works after adding new cards

# Core Topics

levkiss levkiss
[0]
[0]
Updated: 2/20/2026

Agent Capability Analysis

The new-blog-post skill by levkiss is an open-source community AI agent skill for Claude Code and other IDE workflows, helping agents execute tasks with better context, repeatability, and domain-specific guidance. Optimized for automated blog post creation, new-blog-post install.

Ideal Agent Persona

Perfect for Web Development Agents needing automated blog post updates with consistent HTML and CSS styling.

Core Value

Empowers agents to dynamically generate new article cards in blog.html, utilizing dark mode classes, hover effects, and responsive grid placement, all while maintaining a consistent layout and design.

Capabilities Granted for new-blog-post

Automating blog post updates with newest articles first
Generating responsive article cards with proper CSS styling
Maintaining consistent grid layouts across different blog posts

! Prerequisites & Limits

  • Requires access to blog.html file
  • Limited to adding new article cards, not editing existing ones
  • Dependent on consistent existing card structure and grid layout
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

new-blog-post

Install new-blog-post, an AI agent skill for AI agent workflows and automation. Works with Claude Code, Cursor, and Windsurf with one-command setup.

SKILL.md
Readonly

Add New Blog Post

Add a new article card to blog.html for: $ARGUMENTS

Steps

  1. Read blog.html to understand the current card structure and grid layout
  2. Create a new article card matching the existing pattern:
    • Title, description, tags, estimated read time, date
    • Proper dark mode classes
    • Hover effects consistent with other cards
    • Responsive grid placement
  3. Insert the new card in the appropriate position (newest first)
  4. Verify the grid layout still works with the new card count

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is new-blog-post?

Perfect for Web Development Agents needing automated blog post updates with consistent HTML and CSS styling. new-blog-post is a skill that automates the creation of new blog posts by adding article cards to blog.html, following a predefined pattern and layout.

How do I install new-blog-post?

Run the command: npx killer-skills add levkiss/lev-cv-website/new-blog-post. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for new-blog-post?

Key use cases include: Automating blog post updates with newest articles first, Generating responsive article cards with proper CSS styling, Maintaining consistent grid layouts across different blog posts.

Which IDEs are compatible with new-blog-post?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for new-blog-post?

Requires access to blog.html file. Limited to adding new article cards, not editing existing ones. Dependent on consistent existing card structure and grid layout.

How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add levkiss/lev-cv-website/new-blog-post. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use new-blog-post immediately in the current project.

Related Skills

Looking for an alternative to new-blog-post or another community skill for your workflow? Explore these related open-source skills.

View All

widget-generator

Logo of f
f

f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.

149.6k
0
AI

flags

Logo of vercel
vercel

flags is a Next.js feature management skill that enables developers to efficiently add or modify framework feature flags, streamlining React application development.

138.4k
0
Browser

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI