editframe/editor-gui
editor-gui/SKILL.md
Build video editing interfaces with Editframe's GUI components. Assemble timeline, scrubber, filmstrip, preview, playback controls, and transform handles.
$ install --global
skillsauthnpx skillsauth add editframe/skills editor-guiInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: May 29, 2026, 3:03 AM60.6s27 files scanned
SKILL.md
- name:
- editor-gui
- description:
- Build video editing interfaces with Editframe's GUI components. Assemble timeline, scrubber, filmstrip, preview, playback controls, and transform handles.
- license:
- MIT
- author:
- editframe
- version:
- 1.0
Editor Toolkit
Build video editing interfaces by composing GUI components. Each component is a self-contained building block that connects to your composition via target attributes. The composition itself is built with the composition skill — these components provide the controls and views around it.
Quick Start
<ef-timegroup id="my-video" mode="fixed" duration="5s">
<ef-video src="/video.mp4" duration="5s"></ef-video>
</ef-timegroup>
<ef-controls target="my-video">
<ef-toggle-play></ef-toggle-play>
<ef-scrubber></ef-scrubber>
<ef-time-display></ef-time-display>
</ef-controls>
Getting Started
- references/editor-toolkit.md — How to compose editor components
Preview & Canvas
- references/preview.md — Preview container with focus tracking
- references/canvas.md — Interactive canvas with selection and drag-and-drop
- references/pan-zoom.md — Pan and zoom container with gestures
- references/focus-overlay.md — Highlight focused element
- references/fit-scale.md — Responsive aspect-ratio scaling
Playback Controls
- references/controls.md — Context bridge for disconnected controls
- references/play.md — Play button
- references/pause.md — Pause button
- references/toggle-play.md — Combined play/pause toggle
- references/toggle-loop.md — Loop toggle
Timeline
- references/timeline.md — Full-featured timeline editor
- references/filmstrip.md — Visual timeline with tracks
- references/scrubber.md — Seek control
- references/time-display.md — Current time / duration display
- references/timeline-ruler.md — Time ruler with frame markers
- references/trim-handles.md — Interactive trim controls
- references/thumbnail-strip.md — Video thumbnail preview strip
Transform & Manipulation
- references/transform-handles.md — Resize and rotation handles
- references/resizable-box.md — Resizable container with drag handles
- references/dial.md — Rotary angle input
Overlay System
- references/overlay-layer.md — Container for positioned overlays
- references/overlay-item.md — Track and follow target elements
Editor Shells
- references/workbench.md — Full editor UI with preview, timeline, hierarchy, and export
- references/hierarchy.md — Layer panel with selection and drag-and-drop
- references/active-root-temporal.md — Display active root element ID
Related Skills
editframe/webhooks
development
VerifiedTrustedCommunity
Webhook notifications for render completion and file processing events. Configure endpoints, verify HMAC signatures, and handle real-time status payloads.
6SKILL.mdUpdated May 29, 2026
editframe/vite-plugin
tools
VerifiedTrustedCommunity
Vite integration for Editframe development with local video transcoding, asset serving, file API endpoints, and visual regression testing.
6SKILL.mdUpdated May 29, 2026
editframe/editframe-create
tools
VerifiedTrustedCommunity
Scaffold new Editframe video projects from templates. Generates project structure, installs dependencies, and sets up composition tooling to start immediately.
6SKILL.mdUpdated May 29, 2026
editframe/editframe-cli
tools
VerifiedTrustedCommunity
Command-line tools for Editframe video development. Render compositions to MP4 locally, preview in the browser, transcribe audio, and deploy to the cloud.
6SKILL.mdUpdated May 29, 2026