skills.rest
dayoumin
dayouminCOMMUNITY
Explore all skills by this author →
GitHub

code-card-news-generator

Generate Korean code explanation cards with syntax highlighting as PNG images.

Updated Aug 27, 2026
Search Tags:#tutorials#Korean#syntax-highlighting#code-cards#PIL
One-click install
npx skills add https://github.com/dayoumin/Skills --skill code-card-news-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: code-card-news-generator
Source: https://github.com/dayoumin/Skills/tree/main/backup/code-card-news-generator
Command: npx skills add https://github.com/dayoumin/Skills --skill code-card-news-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automatically creates code explanation cards for tutorials, including a title card and detailed explanation cards with code samples in Korean.

Core Features & Use Cases

  • Title and Explanation Cards: Generate a title card plus multiple explanation cards with code examples.
  • Syntax Highlighting: Use monospace fonts and simple highlighting to improve readability.
  • Korean Language Support: Full Korean text support for educational content.

Quick Start

Provide a topic and content blocks (title, description, and code). The Skill will output a set of PNG cards ready for download.

Frequently Asked Questions about code-card-news-generator

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

FAQPage Schema
How do I generate code tutorial cards with syntax highlighting?▼

Generate code explanation cards by providing a topic and content blocks with title, Korean description, and code examples. The Skill automatically creates PNG cards with syntax highlighting on a 600x600 canvas, ready for download.

Can I create code cards with Korean text and custom layouts?▼

Yes. The Skill supports full Korean language text for educational content and allows optional background images and layout customization across software topics like React, Python, and CSS.

What output formats do code explanation cards use?▼

Code cards are generated as PNG images on a square 600x600 canvas. Each card includes a title, Korean description, code example with syntax highlighting using monospace fonts, and explanation text.

Does this work for different programming topics and frameworks?▼

Yes. The Skill applies across software topics including React Hooks, React Router, Python, CSS, and Git, generating both title cards and detailed explanation cards for each topic you provide.

What's the best way to structure input for tutorial card generation?▼

Organize input as content blocks, each with a title, Korean description, and code example. The Skill processes these sequentially to produce a matched set of title and explanation cards with automated PNG rendering.

Related Skills

Explore More Education & Research Skills→
Aiden-KwakAiden-Kwak

card-news-generator

Generate 5-7 card Instagram-style news images as numbered PNGs from a topic.

Community
Advanced
wensiawensia
2

card-generator

Convert user content into downloadable card deck visuals as HTML and PNG ZIP.

Community
Advanced
bear2ubear2u
905

card-news-generator-v2

Generate 5–7 card Instagram-style news series with PNG output.

Community
Intermediate
musingfoxmusingfox
2

doc-render-beauty

Convert Markdown documents into HTML pages with pre-rendered Mermaid diagrams.

Community
Advanced