Automatizando Posts de Blog con Skills de Claude Code

~/.claude/
├── CLAUDE.md          # global instructions
└── skills/
    ├── blog.md        # /blog command
    ├── rewrite.md     # /rewrite command
    ├── tweet.md       # /tweet command
    └── commit.md      # /commit command

# Blog Post Skill

Create a new blog post for jovweb.dev about a project or topic.

## Usage
/blog [project-folder-or-topic]

## Arguments
- $ARGUMENTS: path to a project folder or a topic to write about

## Instructions

### 1. Determine the Subject
- Parse $ARGUMENTS to get the project folder or topic
- If a folder path is provided, explore it to understand:
  - What the project does (check README, package.json, main source files)
  - Key features and technologies used
  - Any screenshots or images in the repo

### 2. Find Images
- Search the project folder for potential cover images:
  - Look in: `/public`, `/assets`, `/images`, `/screenshots`
  - File types: `.png`, `.jpg`, `.jpeg`, `.webp`, `.gif`
- Copy the best image to `/path/to/blog/public/assets/blog/`

### 3. Write the Blog Post Content
- Create an outline based on:
  - What problem does this project solve?
  - How does it work?
  - Key features or interesting technical decisions
- Use the `/rewrite` skill to convert to personal style

### 4. Create the MDX File
- Location: `/path/to/blog/content/blog/`
- Filename: kebab-case based on topic
- Include frontmatter with title, description, date, category, tags

# Rewrite Skill

## Instructions
1. Parse the text from $ARGUMENTS
2. Rewrite using the style guide below
3. Show the rewritten version

## Style Guide
- start with lowercase
- use "I" not "I"
- no ending punctuation
- short, direct sentences
- stream of consciousness flow

1. Claude code loads ~/.claude/skills/blog.md
2. $ARGUMENTS = "~/Sites/hyperscalper"
3. Claude explores the folder:
   - reads README.md
   - checks package.json for dependencies
   - scans src/ for main functionality
4. Finds images in ~/Sites/hyperscalper/public/
5. Copies best image to blog assets
6. Drafts the post content
7. Calls /rewrite to apply my style
8. Creates content/blog/building-hyperscalper.mdx
9. Runs: git add . && git commit -m "add hyperscalper blog post"
10. Runs: npm run dev (if not running)
11. Opens http://localhost:3000/blog/building-hyperscalper

---
Title: "Building Hyperscalper"
Description: "a real-time trading dashboard for crypto markets"
PublishedAt: "2026-01-13"
Author: "Jo Vinkenroye"
Category: "Development"
Tags: ["Trading", "Crypto", "Real-time", "Next.js"]
CoverImage: "/assets/blog/hyperscalper-cover.png"
Featured: false
---

# Your Skill Name

Description of what it does.

## Usage
/your-skill [arguments]

## Instructions
1. First step
2. Second step
3. ...

Content/blog/
├── automating-blog-posts.mdx
├── building-hyperscalper.mdx
└── ...