skills.rest
Bigdrops
BigdropsCOMMUNITY
Explore all skills by this author →
GitHub

abidemi-illustrations

Generate white-background black line-art illustrations featuring the ABIDEMI character in PNG, SVG, HTML Canvas, and MP4 formats.

Updated Jun 7, 2026
Search Tags:#svg#illustration#canvas animation#line art#mp4 export#visual explanation#tiktok carousel
One-click install
npx skills add https://github.com/Bigdrops/Bigdrops-carousel --skill abidemi-illustrations-bigdrops
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: abidemi-illustrations
Source: https://github.com/Bigdrops/Bigdrops-carousel/tree/main/.codex/skills/abidemi-illustrations
Command: npx skills add https://github.com/Bigdrops/Bigdrops-carousel --skill abidemi-illustrations-bigdrops

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Turning articles, concepts, or workflows into clear single-idea visual explanations is slow and inconsistent without a defined style system. This Skill converts text input into hand-drawn style explanatory illustrations with strict visual rules, so every output stays on-brand and communicates exactly one idea. ## Core Features & Use Cases - Multiple output formats: Generate static PNG images, scalable SVG vectors, self-contained HTML Canvas animations, and MP4 video exports via browser MediaRecorder for TikTok and Instagram Reels. - Strict visual style system: Enforces pure white backgrounds, black line art, the expressionless ABIDEMI character performing the core action, and minimal red/orange/blue annotations through built-in QA checklists and style references. - TikTok Motion Photo workflow: Produces PNG frame sequences plus MP4 clips for flipbook or progressive-reveal carousel slides, compiled with a Motion Photo maker app. - Use Case: A content creator pastes a blog post about a file-sharing app and receives a shot list of 16:9 illustrations where ABIDEMI physically acts out each concept, exported as MP4 clips ready for TikTok carousel upload. ## Quick Start Ask the agent to turn your article or concept into an ABIDEMI illustration and specify your desired output format such as PNG, SVG, HTML canvas animation, or MP4 video.

Frequently Asked Questions about abidemi-illustrations

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

FAQPage Schema
How do I turn a blog post into an explanatory illustration?▼

Paste your article or concept and the skill identifies 3-8 cognitive anchors, outputs a shot list, and invents a fresh physical metaphor for each image. The default output is a 16:9 PNG with the ABIDEMI character performing the core action on a white background.

How do I export an HTML canvas animation as MP4 video?▼

Open the generated self-contained HTML file in Chrome or Edge and click the built-in Export MP4 button. The page uses canvas.captureStream with MediaRecorder, preferring video/mp4 with webm as fallback, and stops cleanly at a defined end frame.

What output formats does ABIDEMI illustration support?▼

Four formats are supported: PNG for static social posts, SVG for scalable vector graphics, HTML Canvas for interactive animations, and MP4 video exported through the browser. React output was removed in v1.0.0 and is no longer available.

Can I make TikTok carousel slides that play motion?▼

Yes, using the Motion Photo workflow. Generate 8-12 PNG frames for flipbook or 4-6 frames for progressive reveal, export a matching 2-3 second MP4, then combine them with a Motion Photo maker app before uploading to a TikTok carousel post.

What happens if no image generation API is available?▼

The skill outputs a copy-ready prompt from its prompt template for use with Gemini, Midjourney, or DALL-E. It also tells you the exact assets folder path to save the PNG and provides the git commands to commit and push it.

Why does MP4 export not work in Firefox?▼

Firefox does not reliably support canvas.captureStream for video export, so the MediaRecorder flow fails. Use Chrome or Edge, which natively support video/mp4 recording through MediaRecorder.

Related Skills

Explore More Design & Creative Skills→
SpaceZephyrSpaceZephyr
333

content-topic-generator

Generate multi-angle topic ideas from articles, tweets, and social media content.

Community
Advanced
opencodosopencodos
14

social-content

Create social media content plans with pillars, hooks, and templates.

Official
Intermediate
Marky-TeamMarky-Team
3

create-post-clips

Convert long-form videos into vertical social clips with captions and scheduling.

Official
Advanced
marvelousempiremarvelousempire

image

Generate and optimize marketing images from text prompts using AI models and design tools.

Community
Intermediate