Skip to content
create-blog-post-from-url logo

{中文标题}

create-blog-post-from-url

从给定 URL 抽取信息并生成新的博客 Markdown 文章、资源目录和 frontmatter。

SKILL.md

Full skill instructions

当用户提供一个文章 URL 并要求创建博客时,按以下流程执行。

输入

  • 必需: 原文 URL
  • 可选: 指定标题、发布日期、标签、是否需要图片

1. 收集信息

  • 使用 playwright/web 打开 URL,获取标题、作者/来源、发布日期、主旨摘要、章节结构。
  • 只保留与主题相关的关键段落,避免整段无差别搬运。
  • 若需要配图,优先选择文中主图或关键示意图并下载到本地。

2. 翻译内容

  • 必须将原文翻译为中文,包括标题、描述和正文内容。
  • 保持技术术语的准确性,专有名词可保留英文并附中文说明。
  • 翻译需流畅自然,符合中文技术写作习惯。
  • 代码示例保持原样,但注释需翻译为中文。

3. 生成 ID 与 Slug

  • 在 src/​data/​blog 中读取已有文件名,解析 {ID}- 数字前缀并递增。
  • 将 ID 保持为 3 位数字(例如 095 -> 096)。
  • Slug 使用 kebab-case;如果标题为中文,转成简短英文/拼音短语并保持唯一。

4. 处理图片资源

  • 创建 src/​assets/​{ID}/ 目录保存图片资源。
  • 图片文件名使用 kebab-case,例如 clean-architecture-diagram.png。
  • 在 Markdown 中使用相对路径引用: ../​../​assets/​{ID}/​image-name.png
  • 为每张图片提供简洁、具体的中文 alt 文本。

5. 生成 Markdown 文件

  • 文件路径: src/​data/​blog/​{ID}-{slug}.md
  • 使用以下 frontmatter 模板并填充中文内容:
---
pubDatetime: YYYY-MM-DD
title: "文章标题(中文)"
description: "80-160 字中文摘要,概括文章核心观点"
tags: ["Tag1", "Tag2"]
slug: "{slug}"
source: "{original_url}"
---
# {中文标题}

## 背景

## 关键要点

## 实践建议

6. 质量检查

  • 确认所有内容均为中文,技术术语翻译准确。
  • 说明文字清晰、段落结构合理,避免冗长。
  • tags 保持 2-6 个,包含技术主题(如 .NET, Azure, Architecture)。
  • source 必须指向原始 URL。
  • 文章中图片路径与目录保持一致。

More Other skills

Delegate independent tasks to specialized agents working concurrently with isolated context.

295.4K 206.3K
View

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

179.7K 100.1K
View

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

179.7K 89.5K
View

A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).

179.7K 76.1K
View

Fundamental design principles for writing maintainable, testable Python code.

40.2K 21.9K
View

Modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first strategies.

40.2K 20K
View

Generate Playwright tests from scenarios using interactive browser exploration and validation.

39.7K 18.2K
View

Modern React state management with Redux Toolkit, Zustand, Jotai, and React Query for every state category.

40.2K 14.7K
View

GDPR-compliant data handling with consent management, data subject rights, and privacy controls.

40.2K 14.3K
View

Python error handling patterns including input validation, exception hierarchies, and partial failure handling. Use when implementing validation logic, designing exception strategies, handling batch processing failures, or building robust APIs.

40.2K 13.5K
View

Detailed multi-file refactor planning with safety checks and rollback guidance.

39.7K 13K
View