Generates illustrations for articles
npx skills add https://github.com/esokullu/learn-skills.dev --skill article-illustration-generatorCopy and paste this command into Claude Code to install the skill
Builds an ad brief for any platform. Researches the user's product, audience, market, and KPIs proactively, then asks the user to confirm and fill gaps. Saves the result as .agents/ad-brief.md for future sessions. Not for writing ad copy, choosing platforms, configuring campaigns, or analyzing results.
Reference for the AdKit CLI (`adkit-cli` on npm, `adkit` command). Maps commands to ad operations: creating campaigns, ad sets, and ads on Meta, managing drafts, uploading media, searching interests. Load when the user wants to execute ad operations through the terminal or when `adkit` is installed and the user is ready to publish. Not for strategy, copywriting, creative advice, or learning about ads.
Meta (Facebook & Instagram) advertising strategy for AI agents. Covers fundamentals, ad creative best practices, campaign structure, audience targeting, budget management, and performance analysis. Use when the user wants to plan, create, launch, or optimize Meta ads, or when they need to understand how the platform works before spending money. Not for Google Ads, TikTok Ads, LinkedIn Ads, or general marketing strategy outside Meta.
Manage your team — create roles, assign tasks, spawn workers, and monitor progress
SEO content brief creation with keyword research, search intent analysis, and content structure. Covers SERP analysis, heading hierarchy, word count targets, and internal linking strategy. Use for: content briefs, SEO writing, blog strategy, content planning, keyword targeting. Triggers: seo content brief, content brief, seo brief, keyword research, search intent, content strategy, blog brief, seo writing, content planning, keyword targeting, serp analysis, content outline, seo article, blog seo
Twitter/X thread writing with hook tweets, thread structure, and engagement optimization. Covers tweet formatting, character limits, media attachments, and posting strategies. Use for: Twitter threads, X posts, tweet storms, Twitter content, social media writing. Triggers: twitter thread, tweet thread, x thread, twitter post, tweet writing, thread creation, tweet storm, twitter content, x post, twitter writing, twitter hook, tweet formatting, thread structure
| name | article-illustration-generator |
| description | Generates illustrations for articles |
This skill automatically generates relevant illustrations for a text article using the Gemini Image API and converts it into a visually appealing HTML file.
API Key Check:
Input Analysis:
Image Generation:
google.genai SDK to generate images.gemini-2.5-flash-image (default, or user specified).aspect_ratio="16:9" or 4:3 for article images.HTML Construction:
assets/template.html ("故都的秋" style).This skill includes reference files in the references/ directory:
references/template.html: The HTML/CSS template with serif fonts and clean layout. Use this as the base for the output file.references/api_guide.md: Detailed documentation for the Nano Banana Pro (Gemini 3 Pro Image) API, which can be used for advanced image generation needs.references/script_template.py: A Python script template containing the API calling logic.When invoked, the agent should:
Check API Key Configuration:
echo $GOOGLE_API_KEY (Linux/Mac) or echo %GOOGLE_API_KEY% (Windows).Read the target article provided by the user.
Plan the image insertion points.
Execute the Python script (scripts/article_to_html.py) with appropriate parameters:
python scripts/article_to_html.py <article_file> <api_key>python scripts/article_to_html.py <article_file>--images N, --model MODEL, --ratio RATIO, --size SIZEVerify the result and inform the user of the output location.