AgentSkillsCN

blog-feature-generator

生成专属于博客的功能，如编辑器组件、SEO 元数据、站点地图生成。在实现博客功能时，可使用此技能。

SKILL.md
--- frontmatter
name: blog-feature-generator
description: Generates blog-specific features like editor components, SEO metadata, sitemap generation. Use when implementing blog features.

Blog Feature Generator

Goal: Generate production-ready blog features with best practices

Instructions:

  1. •Rich Text Editor: Use TipTap with extensions (StarterKit, Image, Link, CodeBlock)
  2. •SEO: Generate meta tags (title, description, OG image), JSON-LD structured data
  3. •Images: Implement Next.js Image optimization with Cloudflare R2/AWS S3
  4. •Slugs: Auto-generate URL slugs from title with uniqueness check
  5. •Publishing Workflow: Draft → Published → Archived states with scheduled publishing support

Scripts:

  • •Use scripts/generate-slug.ts for slug generation logic
  • •Use scripts/seo-validator.ts to validate SEO metadata

Examples:

  • •Input: "Create blog post card component"
  • •Output: Card with image, title, excerpt, author, date, read time calculation