skills.rest
OldCoderIsMe
OldCoderIsMeCOMMUNITY
Explore all skills by this author →
GitHub

Generate Card Skill

Generate 1200x675 SVG infographic cards with customizable styles and Chinese font support.

Updated Jan 27, 2026
Search Tags:#content creation#SVG#infographic#card generation#AI style
One-click install
npx skills add https://github.com/OldCoderIsMe/AutoPaper --skill generate-card-skill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Generate Card Skill
Source: https://github.com/OldCoderIsMe/AutoPaper/tree/main/claude-skills/plugins/generate-card/skills/generate-card
Command: npx skills add https://github.com/OldCoderIsMe/AutoPaper --skill generate-card-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the creation of visually appealing infographic cards for technical content, saving time and ensuring a consistent, modern aesthetic.

Core Features & Use Cases

  • AI-Powered Card Generation: Creates SVG cards with a modern AI tech aesthetic.
  • Customizable Styles: Supports 'tech' (blue) and 'news' (green) themes.
  • Use Case: Generate a shareable card for a new blog post about an AI breakthrough, using the 'tech' style.

Quick Start

Generate an SVG card with the title "New AI Breakthrough" using the content from "article.md" and the "tech" style.

Frequently Asked Questions about Generate Card Skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate AI-style infographic cards from technical content?▼

To generate AI-style infographic cards, you provide technical content and key points to the Skill, which outputs a 1200x675 landscape SVG card with a modern aesthetic and optimized Chinese font support.

Do I need an API key to create SVG infographic cards?▼

Yes, you need an ANTHROPIC_API_KEY configured in your environment to process the AI generation for creating SVG infographic cards.

Can I customize the infographic card style for different content types?▼

You can customize the infographic card style by selecting between a 'tech' blue theme or a 'news' green theme to match your specific content type.

What is the output format and dimension for AI-generated infographic cards?▼

The output format for AI-generated infographic cards is an SVG file with a 1200x675 landscape dimension, ensuring high-quality scalable vector graphics for sharing.

Does SVG card generation support Chinese text rendering?▼

SVG card generation supports Chinese text rendering through optimized font support, ensuring technical content in Chinese displays correctly on the output card.

What is the best way to automate infographic creation for technical blog posts?▼

The best way to automate infographic creation is by passing your blog post content directly to the Skill, which generates a shareable SVG card to ensure a consistent aesthetic.

Related Skills

Explore More Design & Creative Skills→
OldCoderIsMeOldCoderIsMe

Extract Metadata Skill

Extract structured metadata, summaries, key points, and tags from article URLs.

Community
Intermediate
AnglesiteAnglesite
2

repurpose

Generate platform-specific social media posts from blog post content.

Official
Intermediate
NinatuziNinatuzi

article-enrichment

Transform raw article text dumps into structured brain pages with summaries and quotes.

Community
Intermediate
rawerawe

firstspirit-fs-cli

Automate FirstSpirit template export, modification, and re-import via fs-cli workflows.

Community
Advanced