blog-creator
Create SEO-optimized MDX blog posts with proper frontmatter
Best use case
blog-creator is best used when you need a repeatable AI agent workflow instead of a one-off prompt. It is especially useful for teams working in multi. Create SEO-optimized MDX blog posts with proper frontmatter
Create SEO-optimized MDX blog posts with proper frontmatter
Users should expect a more consistent workflow output, faster repeated execution, and less time spent rewriting prompts from scratch.
Practical example
Example input
Use the "blog-creator" skill to help with this workflow task. Context: Create SEO-optimized MDX blog posts with proper frontmatter
Example output
A structured workflow result with clearer steps, more consistent formatting, and an output that is easier to reuse in the next run.
When to use this skill
- Use this skill when you want a reusable workflow rather than writing the same prompt again and again.
When not to use this skill
- Do not use this when you only need a one-off answer and do not need a reusable workflow.
- Do not use it if you cannot install or maintain the related files, repository context, or supporting tools.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/blog-creator/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How blog-creator Compares
| Feature / Agent | blog-creator | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Create SEO-optimized MDX blog posts with proper frontmatter
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# Blog Post Creator Skill
This skill helps you create high-quality, SEO-optimized blog posts using the MDX content engine.
## Directory Structure
- **Content Location**: `src/content/blog/*.mdx`
- **Images**: `/public/assets/images/` (reference as `/assets/images/...`)
- **Engine**: `src/lib/mdx/blogs.ts`
- **Frontend**: `src/app/(website-layout)/blog/`
## File Format
Each blog post must be a `.mdx` file with specific frontmatter:
```markdown
---
title: "Your Engaging Title Here"
tags: ["tag1", "tag2", "seo-keyword"]
featuredImage: "/assets/images/your-image.png"
createdDate: "YYYY-MM-DD"
description: "A compelling meta description for SEO (150-160 chars recommended)"
---
# Your Title H1
Introduction paragraph...
## Section H2
Content...
```
## Best Practices
1. **Slug Generation**: The filename becomes the slug (e.g., `my-post.mdx` -> `/blog/my-post`). Use kebab-case.
2. **Images**: Place images in `public/assets/images` and reference them with absolute paths.
3. **Tags**: Used for "Related Articles" logic. Include 3-5 relevant tags.
4. **Components**: You can import and use React components inside MDX files (if configured in `mdx-components.tsx`).
5. **SEO**: - `title`: Used for `<title>` and `og:title`. - `description`: Used for `<meta name="description">` and `og:description`. - `featuredImage`: Used for `og:image`.
**DO NOT USE single quotes in the frontmatter. Use double quotes instead.**
## Workflow
1. Create a new file: `src/content/blog/your-slug.mdx`.
2. Add the frontmatter.
3. Write content using Markdown syntax.
4. (Optional) Add images to `public/assets/images/`.
## Example
File: `src/content/blog/getting-started.mdx`
```markdown
---
title: "Getting Started with Indie Kit"
tags: ["guide", "tutorial", "indie-kit"]
featuredImage: "/assets/images/og.png"
createdDate: "2024-03-20"
description: "A complete guide to setting up your new SaaS project with Indie Kit in under 10 minutes."
---
# Getting Started
Welcome to the future of SaaS development...
```
Refer to [reference.md](reference.md) for more details.Related Skills
command-creator
This skill should be used when creating a Claude Code slash command. Use when users ask to "create a command", "make a slash command", "add a command", or want to document a workflow as a reusable command. Essential for creating optimized, agent-executable slash commands with proper structure and best practices.
skill-creator-ms
Guide for creating effective skills for AI coding agents working with Azure SDKs and Microsoft Foundry services. Use when creating new skills or updating existing skills.
obsidian-clipper-template-creator
Guide for creating templates for the Obsidian Web Clipper. Use when you want to create a new clipping template, understand available variables, or format clipped content.
github-issue-creator
Convert raw notes, error logs, voice dictation, or screenshots into crisp GitHub-flavored markdown issue reports. Use when the user pastes bug info, error messages, or informal descriptions and wants a structured GitHub issue. Supports images/GIFs for visual evidence.
technical-blog-writing
Technical blog post writing with structure, code examples, and developer audience conventions. Covers post types, code formatting, explanation depth, and developer-specific engagement patterns. Use for: engineering blogs, dev tutorials, technical writing, developer content, documentation posts. Triggers: technical blog, dev blog, engineering blog, technical writing, developer tutorial, tech post, code tutorial, programming blog, developer content, technical article, engineering post, coding tutorial, technical content
specs-creator
Use PROACTIVELY this skill when you need to create comprehensive PRDs, tech specs, and ux specs based on feature description. If the user specify "Create PRD", "Create Tech Specs", or "Create UX Specs", this skill must be triggered.
skills-creator
Creates and maintains Agent Skills with effective triggers and progressive disclosure. Use when user requests to create a skill, generate a SKILL.md, build custom capabilities, or mentions "create skill", "new skill", or "skill configuration".
blog-writer
Write and add new blog posts for this Next.js site by matching the existing BlogPost structure in `src/lib/blog-data.ts`. Use when asked to draft a new blog article, update blog content, or produce SEO metadata/slug/image details for a new post.
skill-creator-agent
Creates Claude Code skills where each skill is tied to a specialist agent optimized with evidence-based prompting techniques. Use this skill when users need to create reusable skills that leverage specialized agents for consistent high-quality performance. The skill ensures that each created skill spawns an appropriately crafted agent that communicates effectively with the parent Claude Code instance using best practices.
micro-skill-creator
Rapidly creates atomic, focused skills optimized with evidence-based prompting, specialist agents, and systematic testing. Each micro-skill does one thing exceptionally well using self-consistency, program-of-thought, and plan-and-solve patterns. Enhanced with agent-creator principles and functionality-audit validation. Perfect for building composable workflow components.
agent-creator
Creates specialized AI agents with optimized system prompts using the official 4-phase SOP methodology from Desktop .claude-flow, combined with evidence-based prompting techniques and Claude Agent SDK implementation. Use this skill when creating production-ready agents for specific domains, workflows, or tasks requiring consistent high-quality performance with deeply embedded domain knowledge.
jutsu-creator
Create new jutsu/skills for SHINOBI WAY game. Use when user wants to add abilities, techniques, jutsu, or combat skills. Guides through all parameters and generates TypeScript code.