blog-post
Automates the end-to-end process of writing technical blog posts, from research to cover image generation.
Install
mkdir -p .claude/skills/blog-post && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/1979" && unzip -o skill.zip -d .claude/skills/blog-post && rm skill.zipInstalls to .claude/skills/blog-post
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Writes and structures long-form blog posts, creates tutorial outlines, and optimizes content for SEO with cover image generation. Use when the user asks to write a blog post, article, how-to guide, tutorial, technical writeup, thought leadership piece, or long-form content.Key capabilities
- →Delegate research to a subagent for content generation
- →Structure blog posts with required sections like Hook, Context, Main Content, Application, and Conclusion
- →Generate a cover image for each blog post using a detailed prompt
- →Optimize content for SEO by including keywords and meta descriptions
- →Export components as Storybook stories with semantic HTML conversion
- →Convert Figma nodes to JSX code
How it works
The skill first delegates research to a subagent, then structures the content into a blog post, and finally generates a cover image, ensuring all required elements are present.
Inputs & outputs
When to use blog-post
- →Write technical blog posts
- →Create how-to guides
- →Generate article drafts
About this skill
Blog Post Writing Skill
Research First (Required)
Before writing any blog post, you MUST delegate research:
- Use the
tasktool withsubagent_type: "researcher" - In the description, specify BOTH the topic AND where to save:
task(
subagent_type="researcher",
description="Research [TOPIC]. Save findings to research/[slug].md"
)
Example:
task(
subagent_type="researcher",
description="Research the current state of AI agents in 2025. Save findings to research/ai-agents-2025.md"
)
- After research completes, read the findings file before writing
Output Structure (Required)
Every blog post MUST have both a post AND a cover image:
blogs/
└── <slug>/
├── post.md # The blog post content
└── hero.png # REQUIRED: Generated cover image
Example: A post about "AI Agents in 2025" → blogs/ai-agents-2025/
You MUST complete both steps:
- Write the post to
blogs/<slug>/post.md - Generate a cover image using
generate_imageand save toblogs/<slug>/hero.png
A blog post is NOT complete without its cover image.
Blog Post Structure
Every blog post should follow this structure:
1. Hook (Opening)
- Start with a compelling question, statistic, or statement
- Make the reader want to continue
- Keep it to 2-3 sentences
2. Context (The Problem)
- Explain why this topic matters
- Describe the problem or opportunity
- Connect to the reader's experience
3. Main Content (The Solution)
- Break into 3-5 main sections with H2 headers
- Each section covers one key point
- Include code examples, diagrams, or screenshots where helpful
- Use bullet points for lists
4. Practical Application
- Show how to apply the concepts
- Include step-by-step instructions if applicable
- Provide code snippets or templates
5. Conclusion & CTA
- Summarize key takeaways (3 bullets max)
- End with a clear call-to-action
- Link to related resources
Cover Image Generation
After writing the post, generate a cover image using the generate_cover tool:
generate_cover(prompt="A detailed description of the image...", slug="your-blog-slug")
The tool saves the image to blogs/<slug>/hero.png.
Writing Effective Image Prompts
Structure your prompt with these elements:
- Subject: What is the main focus? Be specific and concrete.
- Style: Art direction (minimalist, isometric, flat design, 3D render, watercolor, etc.)
- Composition: How elements are arranged (centered, rule of thirds, symmetrical)
- Color palette: Specific colors or mood (warm earth tones, cool blues and purples, high contrast)
- Lighting/Atmosphere: Soft diffused light, dramatic shadows, golden hour, neon glow
- Technical details: Aspect ratio considerations, negative space for text overlay
Example Prompts
For a technical blog post:
Isometric 3D illustration of interconnected glowing cubes representing AI agents, each cube has subtle circuit patterns. Cubes connected by luminous data streams. Deep navy background (#0a192f) with electric blue (#64ffda) and soft purple (#c792ea) accents. Clean minimal style, lots of negative space at top for title. Professional tech aesthetic.
For a tutorial/how-to:
Clean flat illustration of hands typing on a keyboard with abstract code symbols floating upward, transforming into lightbulbs and gears. Warm gradient background from soft coral to light peach. Friendly, approachable style. Centered composition with space for text overlay.
For thought leadership:
Abstract visualization of a human silhouette profile merging with geometric neural network patterns. Split composition - organic watercolor texture on left transitioning to clean vector lines on right. Muted sage green and warm terracotta color scheme. Contemplative, forward-thinking mood.
SEO Considerations
- Include the main keyword in the title and first paragraph
- Use the keyword naturally 3-5 times throughout
- Keep the title under 60 characters
- Write a meta description (150-160 characters)
Quality Checklist
Before finishing:
- Post saved to
blogs/<slug>/post.md - Hero image generated at
blogs/<slug>/hero.png - Hook grabs attention in first 2 sentences
- Each section has a clear purpose
- Conclusion summarizes key points
- CTA tells reader what to do next
Limitations
- →Every blog post must have both a post and a cover image.
- →Research must be delegated before writing any blog post.
- →Always use --x and --y to position renders.
How it compares
This skill automates the entire blog post creation workflow from research to image generation and SEO, providing a structured output that differs from manual content creation.
Compared to similar skills
blog-post side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| blog-post (this skill) | 4 | 5mo | No flags | Intermediate |
| resume-builder | 53 | 3mo | No flags | Beginner |
| seo-optimizer | 33 | 7mo | No flags | Intermediate |
| seo-content-writer | 24 | 4mo | No flags | Beginner |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by langchain-ai
View all by langchain-ai →You might also like
resume-builder
amruthpillai
Generate professional resumes that conform to the Reactive Resume schema. Use when the user wants to create, build, or generate a resume through conversational AI, or asks about resume structure, sections, or content. This skill guides the agent to ask clarifying questions, avoid hallucination, and produce valid JSON output for https://rxresu.me.
seo-optimizer
davila7
Search Engine Optimization specialist for content strategy, technical SEO, keyword research, and ranking improvements. Use when optimizing website content, improving search rankings, conducting keyword analysis, or implementing SEO best practices. Expert in on-page SEO, meta tags, schema markup, and Core Web Vitals.
seo-content-writer
sickn33
Writes SEO-optimized content based on provided keywords and topic briefs. Creates engaging, comprehensive content following best practices. Use PROACTIVELY for content creation tasks.
content-creation
anthropics
Draft marketing content across channels — blog posts, social media, email newsletters, landing pages, press releases, and case studies. Use when writing any marketing content, when you need channel-specific formatting, SEO-optimized copy, headline options, or calls to action.
write-docs
tldraw
Writing SDK documentation for tldraw. Use when creating new documentation articles, updating existing docs, or when documentation writing guidance is needed. Applies to docs in apps/docs/content/.
content-marketer
sickn33
Elite content marketing strategist specializing in AI-powered content creation, omnichannel distribution, SEO optimization, and data-driven performance marketing. Masters modern content tools, social media automation, and conversion optimization with 2024/2025 best practices. Use PROACTIVELY for comprehensive content marketing.