CodeWithSally
Official@CodeWithSally
CodeWithSally provides HyperFrames video and motion-graphics composition skills, plus Salesforce DX development, Playwright browser testing, and thematic research utilities.
Agent Skills by CodeWithSally
Showing 36 vetted skills indexed across 1 GitHub repositories.
CodeWithSallyhyperframes
Routes video creation requests to workflows that render HTML compositions into videos.
CodeWithSallymusic-to-video
Convert a music track into a beat-synced video with lyric, slideshow, or kinetic typography treatments.
CodeWithSallyembedded-captions
Adds verbatim or cinematic captions to talking-head videos using transcription and subject matting.
CodeWithSallyremotion-to-hyperframes
Convert Remotion React video compositions into HyperFrames HTML with GSAP timelines.
CodeWithSallyhyperframes-cli
Orchestrates the HyperFrames CLI development loop for authoring, checking, previewing, and rendering video compositions.
CodeWithSallycaptions-overlay
Defines caption overlay doctrine for compositing subtitles on video compositions without reserved bands.
CodeWithSallyfaceless-explainer
Convert text into faceless explainer videos with invented visuals via HyperFrames.
CodeWithSallytalking-head-recut
Overlay timed, designed graphic cards onto talking-head videos synced to the transcript.
CodeWithSallyhyperframes-animation
Compose deterministic GSAP animations from atomic motion rules, scene blueprints, and runtime adapters.
CodeWithSallyhyperframes-registry
Install, discover, and wire registry blocks and components into HyperFrames compositions.
CodeWithSallypr-to-video
Converts GitHub pull requests into narrated code-change explainer videos via HyperFrames.
CodeWithSallyhyperframes-creative
Directs visual design, palettes, typography, narration, and beat planning for HyperFrames video compositions.
CodeWithSallyoversized-cursor
Implements oversized macOS-style cursor animations for HyperFrames launch video scenes.
CodeWithSallygeneral-video
Author and edit multi-scene HyperFrames video compositions from briefs and storyboards.
CodeWithSallyseam-craft
Diagnose and fix white-flash render defects at scene-to-scene transitions in HyperFrames master timelines.
CodeWithSallychangelog-video
Converts weekly changelog markdown into a branded square video with voiceover, captions, and animated UI mockups.
CodeWithSallyfigma
Import Figma assets, tokens, components, and motion into HyperFrames compositions.
CodeWithSallymotion-graphics
Generates short design-led motion graphics as GSAP-driven HTML compositions rendered to MP4 or transparent overlays.
CodeWithSallycut-the-curve
Implements velocity-matched GSAP transition techniques for motion-graphics scene cuts and text animations.
CodeWithSallyproduct-launch-video
Generates product launch and promo videos from URLs, scripts, or briefs using HyperFrames.
CodeWithSallyhyperframes-core
Defines the composition contract for building renderable HyperFrames HTML video projects.
CodeWithSallyhyperframes-audio
Mix audio tracks in HyperFrames compositions with effects chains, automation envelopes, and voiceover carving.
CodeWithSallymedia-use
Resolve, generate, and operate on media assets for HyperFrames video compositions.
CodeWithSallyhyperframes-keyframes
Author seek-safe 2D and 3D keyframe animations for HyperFrames video compositions.
Frequently Asked Questions About CodeWithSally
FAQPage SchemaWhat tasks can I accomplish with CodeWithSally's skills?▼
You can create product launch videos, music-synced lyric videos, faceless explainers, PR walkthroughs, and changelog videos; add captions and graphic overlays to talking-head footage; port Remotion compositions to HyperFrames HTML; build Salesforce Screen Flows and Apex/LWC code; and run Playwright browser tests or multi-lens code reviews.
Who are these skills designed for?▼
They target video creators and motion designers producing promos, explainers, and kinetic typography in HyperFrames, plus Salesforce developers working with sfdx-project.json, Apex, LWC, and Flow metadata, and engineers needing Playwright browser verification or parallel security/test/design code review.
How do the HyperFrames video skills run in practice?▼
The hyperframes entry skill routes each request to the owning workflow, then the hyperframes CLI loop handles init, add, capture, lint, check, preview, and single or batch render. Rendering runs locally or on HeyGen-hosted cloud, AWS Lambda, or Google Cloud Run, with deterministic seek-safe timelines.
What inputs do the video-generation skills accept?▼
Inputs include a website or product URL, a GitHub PR reference, a Figma link, a music track or mood brief, a changelog markdown file, existing talking-head footage, or plain text such as an article, notes, or brief. Each input type routes to a dedicated workflow like pr-to-video, music-to-video, or faceless-explainer.
What prerequisites or dependencies do these skills require?▼
Video skills require the HyperFrames CLI and composition environment, with optional GSAP, Lottie, Three.js, or Anime.js runtimes; captions run fully locally including transcription and matting. Salesforce skills require an sfdx-project.json project and sf CLI, and Playwright skills require Node with npx and a browser-capable environment.