Pick a style, bring your own story, and let your coding agent direct the film.
Global
5 and the prompts behind them. Watch each original next to a live remake on Skillry. Updated regularly.
依赖:uv、ffmpeg、Playwright Chromium(第一次跑 uv run --with playwright playwright install chromium)。试一下:
Every film is checked by an oracle before a human watches it. py records what is on screen in every frame, finds each boundary, and asks what carried across it. A film whose beats replace each other fails.
Create beautiful hand-drawn like diagrams, wireframes, or whatever you like.
Do not copy only the inner skills/ folder — clone the full repo so the directory structure is /.opencode/skills/obsidian-skills/skills/ /SKILL.md.
Build a system, load it until it breaks, and watch why. A system design simulator for learning distributed systems.
GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
The aim of the project is to create an easy-to-use, lightweight, cross-browser, general-purpose 3D library. The current builds only include WebGL and WebGPU renderers but SVG and CSS3D renderers are also available as addons.
快速开始 · 功能介绍 · Render 部署 · Docker 部署 · 画布节点操作手册 · 画布快捷键 · 漏洞提交 · 待办事项 · 本地 Canvas Agent · Codex app 插件
Fifteen 10-second motion-design films, one style each, from frame-by-frame cel animation to a 9:16 variety-show edit. 5 made every film by writing code from a prompt: the picture, the animation, the music and the sound effects.
There can be more than Notion and Miro. AFFiNE(pronounced [ə‘fain]) is a next-gen knowledge base that brings planning, sorting and creating all together. Privacy first, open-source, customizable and ready to use.
You need Node.js, Google Chrome and ffmpeg. The song is included at assets/pdoom.mp3.
js is a fast, multipurpose and lightweight JavaScript animation library with a simple, yet powerful API.
Pure JavaScript/TypeScript library for multiline text measurement & layout. Fast, accurate & supports all the languages you didn't even know about. Allows rendering to DOM, Canvas, SVG and soon, server-side.
The open-source studio for making games with AI. Your own one-person game studio. Everything you need to make games with AI, in one app.
Build embeddable productivity experiences with a plugin architecture, Canvas-based rendering, a formula engine, and one Facade API that works in the browser and on Node.js.
Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.
A library of creative canvas components. Real HTML with WebGL effects running over it. React, Vue, Svelte, vanilla.
Krita is a free and open source cross-platform application that offers an end-to-end solution for creating digital art files from scratch built on the KDE and Qt frameworks.
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
Unleash your creativity with Pixelorama, a powerful and accessible open-source pixel art multitool.
> A world-class AgentSkill for producing professional HTML presentations in > 36 themes, 15 full-deck templates, 31 page layouts, > 47 animations (27 CSS + 20 canvas FX), and a true presenter mode > with pixel-perfect previews + speaker script + timer — all pure static >…
Explainer videos and product demos made by your AI agent. Free and open source: a local voice (Kokoro), word timing (Whisper) and a canvas renderer turn a script into a narrated MP4.
The Lightweight Charts™ library is the best choice for you if you want to display financial data as an interactive chart on your web page without affecting your web page loading speed and performance.
Fast, extensible financial charts for the web. The open-source core of Vela by LuxAlgo.
Apache ECharts is a powerful, interactive charting and data visualization library for browser
AI Town is a virtual town where AI characters live, chat and socialize.
Play with fluids in your browser (works even on mobile)
Animated 3D robot heads for React: TV-headed bots with LED faces that show what your agent is doing.