blog-banner

Generate or assign SVG banner motifs for MDX blog posts.

Updated Apr 11, 2026
One-click install
npx skills add https://github.com/Zero-1016/tech-blog --skill blog-banner
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: blog-banner
Source: https://github.com/Zero-1016/tech-blog/tree/main/.claude/skills/blog-banner
Command: npx skills add https://github.com/Zero-1016/tech-blog --skill blog-banner

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automatically assign or generate a compelling banner motif for a blog post by analyzing its tags and content, reducing manual design time and ensuring visual consistency.

Core Features & Use Cases

  • Motif matching: selects an existing motif from the library based on post tags and topic.
  • SVG motif generation: creates new motifs when no suitable match exists, ready for integration.
  • Frontmatter override: allows explicit banner control via frontmatter and Phase-based confirmation.
  • Pipeline integration: works with the blog-write orchestration and centralized motif rules.

Quick Start

Run /blog-banner on an MDX post to generate or override the banner motif.

Frequently Asked Questions about blog-banner

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

FAQPage Schema
How do I automatically generate a blog banner from markdown tags?

To automatically generate a blog banner from markdown tags, run the command on an MDX post to match tags against a centralized motif library and assign an existing or newly generated SVG banner.

What is the best way to assign SVG motifs to MDX blog posts?

The best way to assign SVG motifs to MDX blog posts is using an automated pipeline that analyzes post content and tags, matches them to a motif library, and optionally applies frontmatter overrides for manual control.

Can I manually override an auto-generated banner motif in frontmatter?

Yes, you can manually override an auto-generated banner motif in frontmatter, utilizing phase-based confirmation to ensure safe and auditable changes across your content library.

How does tag-matching work for selecting blog banners?

Tag-matching for selecting blog banners works by evaluating post tags and topic content against a centralized motif library specification, automatically selecting a visually consistent SVG motif.

Do I need a centralized motif library to automate blog banner generation?

Yes, you need a centralized motif library containing SVG motifs and matching rules to successfully automate blog banner generation and ensure visual consistency across your publishing pipeline.

What happens if no existing SVG motif matches my blog post tags?

When no existing SVG motif matches your blog post tags, the system automatically generates a new SVG motif ready for integration into your content library.