bintzgavin
- 45 skills
- 0 followers
- 6 hours ago last updated
- ▌ Apastra · bintzgavin bundlePromptOps skills for versioning, evaluating, tracing, and shipping AI prompts as disciplined software assets. Agent-as-harness — your IDE agent runs evals, compares baselines, surfaces trace evidence, and gates quality.
- ▌ Apastra Eval · bintzgavinExecute a declared harness, validate complete measured evidence, and apply explicit suite or quick-eval criteria.
- ▌ Apastra Trace · bintzgavinInspect agent traces, hook events, tool-call transcripts, and run artifacts; turn them into PromptOps evidence, eval cases, and artifact references.
- ▌ Apastra Baseline · bintzgavinEstablish an immutable named baseline from a complete passing evaluation run and an explicitly approved adapter.
- ▌
- ▌ Apastra Scaffold · bintzgavinGenerate new prompt specs, datasets, evaluators, and suites from templates. Creates correctly-formatted files that pass schema validation.
- ▌ Apastra Setup CI · bintzgavin bundleUpgrade from local-first evaluation to automated GitHub Actions CI. Installs workflows for PR gating, release promotion, and auto-merge.
- ▌ Apastra Validate · bintzgavinValidate all promptops files against JSON schemas. Catch formatting errors before running evaluations.
- ▌ Apastra Writing Evals · bintzgavinInteractive PromptOps eval design — what behavior to pin down, cases, scoring, thresholds, and outcome/step/trace evidence. Deep link to Writing evals once per session; pair with scaffold + apastra-eval.
- ▌ Apastra Getting Started · bintzgavin bundleQuick setup guide for apastra PromptOps. Create your first prompt spec, dataset, evaluator, and suite in 5 minutes.
- ▌ Helios Skills · bintzgavin bundleCollection of agent skills for Helios video engine. Use when working with programmatic video creation, browser-native animations, or Helios compositions. Install individual skills by path for specific capabilities.
- ▌ Helios Core · bintzgavinCore API for Helios video engine. Use when creating compositions, managing timeline state, controlling playback, or subscribing to frame updates. Covers Helios class instantiation, signals, animation helpers, and DOM synchronization.
- ▌ Helios Player · bintzgavinPlayer API for embedding Helios compositions in web pages. Use when you need to display a composition with playback controls, enable client-side exporting, or support Picture-in-Picture.
- ▌ Helios Studio · bintzgavinStudio tool for developing and previewing Helios compositions. Use when you want to launch the interactive development environment or manage assets.
- ▌ Helios Renderer · bintzgavinRenderer API for generating video/image output from Helios compositions. Use when you need to programmatically render a composition to a file using Node.js.
- ▌ Example D3 Animation · bintzgavinLearn how to use D3.js with Helios for data visualization. Use when creating charts, graphs, or data-driven animations.
- ▌ Example P5 Animation · bintzgavinLearn how to use P5.js with Helios. Use when creating creative coding sketches or generative art.
- ▌ Example Vue · bintzgavinPatterns for using Helios with Vue. Use when building compositions in a Vue environment.
- ▌ Example Gsap · bintzgavinPatterns for using Helios with GSAP (GreenSock). Use when integrating GSAP timelines with the Helios timeline for precise scrubbing and rendering.
- ▌ Example Pixi · bintzgavinPixiJS integration patterns for Helios. Use when creating high-performance WebGL 2D animations with PixiJS.
- ▌ Example React · bintzgavinPatterns for using Helios with React. Use when building compositions in a React environment.
- ▌ Example Solid · bintzgavinPatterns for using Helios with SolidJS. Use when building compositions in a SolidJS environment, utilizing signals for fine-grained reactivity.
- ▌ Example Canvas · bintzgavinPatterns for using Helios with Vanilla Canvas API. Use when building high-performance 2D/3D animations without frameworks.
- ▌ Example Lottie · bintzgavinLottie integration patterns for Helios. Use when rendering Lottie (Bodymovin) JSON animations synchronously with Helios.
- ▌ Example Svelte · bintzgavinPatterns for using Helios with Svelte. Use when building compositions in a Svelte environment, utilizing Svelte stores for reactive frame updates.
- ▌ Helios Getting Started · bintzgavinInstallation and quick start guide for Helios video engine. Use when setting up a new Helios project, installing packages, or creating your first composition. Covers package installation, requirements, basic setup, and initial composition structure.
- ▌ Example Chartjs · bintzgavinChart.js integration patterns for Helios. Use when creating animated data visualizations with Chart.js.
- ▌ Example Signals Animation · bintzgavinLearn how to use Helios Signals for high-performance, fine-grained reactivity. Use for complex dependency graphs or when optimizing performance.
- ▌ Example Threejs · bintzgavinPatterns for using Helios with Three.js and React Three Fiber. Use when creating 3D animations or integrating WebGL scenes.
- ▌ Example Vanilla · bintzgavinPatterns for using Helios with Vanilla JavaScript/TypeScript. Use when building compositions without a framework, or for simple DOM/Canvas manipulations.
- ▌ Example Tailwind Animation · bintzgavinLearn how to use Tailwind CSS with Helios. Use for styling compositions and animating with utility classes.
- ▌ Guided Promo Video · bintzgavinEnd-to-end guided workflow for creating a promotional hype video. Extracts brand identity from the repo, generates beat-synced music, and produces a high-energy motion.dev composition rendered via Helios CLI. Use when making brand-aligned promo or hype videos.
- ▌ Guided Social Clip · bintzgavinEnd-to-end guided workflow for creating a short-form social media clip (Reels, TikTok, Shorts). Extracts brand identity from the repo, generates a punchy soundtrack, and produces a vertical 9:16 motion.dev composition rendered via Helios CLI. Use when making Instagram Reels, TikTok videos, YouTube Shorts, or other vertical short-form content.
- ▌ Guided Product Demo · bintzgavinEnd-to-end guided workflow for creating a product demo or showcase video. Extracts brand identity from the repo, generates a polished soundtrack, and produces a feature-focused motion.dev composition rendered via Helios CLI. Use when making product demos, feature showcases, or UI walkthroughs.
- ▌ Example Framer Motion · bintzgavinPatterns for using Helios with Framer Motion. Use when you want to use Framer Motion's physics and transitions but need frame-perfect synchronization with Helios.
- ▌ Guided Explainer Video · bintzgavinEnd-to-end guided workflow for creating an explainer or walkthrough video. Extracts brand identity from the repo, generates a measured soundtrack, and produces a narrative-driven motion.dev composition rendered via Helios CLI. Use when making how-it-works, feature walkthrough, or educational videos.
- ▌ Render Video · bintzgavinWorkflow for rendering a Helios composition to a video file. Use when you need to automate video production or export a high-quality animation.
- ▌ Guided Testimonial Video · bintzgavinEnd-to-end guided workflow for creating a social proof or testimonial video. Extracts brand identity from the repo, generates a warm soundtrack, and produces a trust-building motion.dev composition rendered via Helios CLI. Use when making customer testimonial, review highlight, or social proof videos.
- ▌ Workflow Visualize Data · bintzgavinWorkflow for creating data-driven animations. Use when you need to visualize datasets using D3, P5, or other libraries.
- ▌ Guided Launch Announcement · bintzgavinEnd-to-end guided workflow for creating a product launch or release announcement video. Extracts brand identity from the repo, generates a cinematic soundtrack, and produces a reveal-driven motion.dev composition rendered via Helios CLI. Use when making launch announcements, release videos, or product reveals.
- ▌ Motion Design Rules · bintzgavinMotion design framework for programmatic video. Defines anti-slideshow architecture, visual layering, physics-based easing, choreography rules, and quality validation. Reference this skill from any guided video skill.
- ▌ Example Podcast Visualizer · bintzgavinWorkflow for creating a podcast visualizer with multi-track audio mixing and DOM-based synchronization. Use when building audio-reactive compositions.
- ▌ Create Composition · bintzgavinWorkflow for creating a new Helios composition. Use when building a new animation project or converting an existing animation to run in Helios.
- ▌ Animated Video Philosophy · bintzgavin bundleStory-first motion design philosophy for animated video: motion must earn its place; arc (establish, complicate, resolve); show vs tell; shots as units of thought; quiet vs loud motion; Disney principles with restraint; timing heuristics; composition; grammar by medium (product demos, logos, data viz, explainers); technical commitments (deterministic time, scrubbability, refs); cutting discipline; explicit anti-patterns. Use when planning, storyboarding, critiquing, or implementing programmatic or motion-driven video (Helios, Remotion, explainers, loops, UI capture, logo reveals), or when the user asks for motion direction, pacing, or visual-story structure.
- ▌ Cinematic Product Promo Plan · bintzgavin bundleEnd-to-end production plan template for feeling-first cinematic product promos: brief interrogation, 45s beat structure (cold open through brand), hero-element metaphor, storyboard fidelity ladder, visual system (palette, type, camera, texture), motion mix and easing vocabulary, audio and captions, tooling (animatic through HTML or AE), deliverables matrix, accessibility, review milestones, and compromises to accept or refuse. Use when planning, pitching, storyboarding, or producing polished brand films for any SaaS or consumer product—not category-specific; pair with skills/design/animated-video-philosophy for broader motion principles.