illustrated-explainer-spec
Illustrated Explainer Spec Implementation Guide
Skill by ara.so — Daily 2026 Skills collection.
What This Project Is
A spec (not a library) for building a locally-run single-page web app where:
- User types a topic → AI generates a 16:9 watercolor-style illustrated explainer page
- User clicks anywhere on the image → AI generates a "drill-into" next page for that spot
- This repeats infinitely, preserving painting style across all pages
- Content-addressed caching means identical queries/clicks never re-generate
The spec is stack-agnostic — you choose the framework, image model API, and language. This skill shows you how to implement it end-to-end.
Architecture Overview
More from aradotso/trending-skills
openclaw-control-center
Local-first, security-first control center for OpenClaw agents — visibility dashboard with readonly defaults, token attribution, collaboration tracing, and safe write operations.
3.9Kinkos-multi-agent-novel-writing
Multi-agent CLI system for autonomous novel writing, auditing, and revision with human review gates
1.8Keverything-claude-code-harness
Agent harness performance system for Claude Code and other AI coding agents — skills, instincts, memory, hooks, commands, and security scanning
1.6Kagency-agents-ai-specialists
A collection of specialized AI agent personalities for Claude Code, Cursor, Aider, Windsurf, and other AI coding tools — covering engineering, design, marketing, sales, and more.
1.6Kunderstand-anything-knowledge-graph
Turn any codebase into an interactive knowledge graph using Claude Code skills — explore, search, and ask questions about any project visually.
1.5Kui-ux-pro-max-skill
AI design intelligence skill for building professional UI/UX across multiple platforms with 161 reasoning rules, 67 styles, and automated design system generation
1.5K