The seven
artboard
Recut a static creative into another aspect ratio as a real re-layout instead of a crop. Rebrand a captured composition, audit why one works, or author a new one. Remembers every composition it studies in a library that compounds.
GitHub →swipefile
Capture a reference site's design system by measurement rather than by eye: layout, tokens, typography, interaction states, animation. Match a site faithfully, adapt its system to your own content, or extend it.
GitHub →manifesto
Replicate a motion-graphics video frame for frame from a file or URL, or build a new film on its measured skeleton, swapping in different copy, brand and voice while keeping its cuts and easing.
GitHub →motion-brief
Turn a video reference into a script and direction document before anything gets built. The boring step that decides whether everything after it works.
GitHub →motion-graphics-director
The process layer that runs before any tool-specific motion skill and decides how much real production pipeline a given piece actually needs. Five gates, before a single line gets written.
GitHub →hyperframes-render-discipline
Six verification habits for render and capture work, including why a blank-frame check has to count pixels and not bytes. Each one maps to a bug that shipped, or nearly did, without it.
GitHub →threejs-scroll-sites
Scroll-driven Three.js: pinned sections, scroll-linked camera paths, progress-driven shaders, and an idle render governor that stops the draw loop when nothing on screen is moving.
GitHub →Why we give them away
Systo runs AI operations for clients, and a named human is accountable for every one. Skills are how that accountability gets written down. When something breaks on a job, the fix goes into a skill so it cannot break the same way twice.
Publishing them costs us nothing and the feedback is worth more than the secrecy. If one saves you an afternoon, that is the point. If we got something wrong, we would rather hear it.
Where to start
Take artboard first if you make social creative. It ships a runnable example that builds a 1080×1920 poster out of torn paper using no image model and no Photoshop, so the output re-renders at any size or colour because it is a script rather than a file.
Take swipefile first if you build sites, and manifesto first if you make video. Each one runs on its own. Nothing here depends on anything else here.