clone-anywebsite
Clone any website's landing page with pixel-perfect fidelity. Visual-first workflow: screenshot → sniper CSS extraction → deep…
Generate a finished cyberpunk-styled finger-frame effect video from a local clip using Gemini Omni restyling, MediaPipe hand tracking, and FFmpeg compositing. Use when someone asks to make, create, restyle, or process a video where a two-hand finger-frame becomes a window into
$ npx -y skills add SylphAI-Inc/skills --skill finger-frame-ai --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/finger-frame-aiContext preview
The summary Claude sees to decide when to auto-load this skill.
Generate a finished cyberpunk-styled finger-frame effect video from a local clip using Gemini Omni restyling, MediaPipe hand tracking, and FFmpeg compositing. Use when someone asks to make, create, restyle, or process a video where a two-hand finger-frame becomes a window into
name: finger-frame-ai description: "Generate a finished cyberpunk-styled finger-frame effect video from a local clip using Gemini Omni restyling, MediaPipe hand tracking, and FFmpeg compositing. Use when someone asks to make, create, restyle, or process a video where a two-hand finger-frame becomes a window into an AI-stylized (default: neon cyberpunk CGI) world." author: shangliy version: 1.0.0
Turn a local video of the two-hand finger-frame gesture into an H.264 MP4 where the area inside the fingers reveals an AI-restyled version of the scene.
The bundled pipeline uses:
1. **Gemini Omni** to restyle the existing clip while asking it to preserve timing, motion, framing, pose, and expression. 2. **MediaPipe Hand Landmarker** to track both index fingers and thumbs. 3. **FFmpeg/OpenCV** to composite the restyled video into the tracked quadrilateral and retain source audio.
Trigger when the user asks to:
Do not substitute Veo video generation. This effect needs a restyled version of the existing timeline so it can align with hand tracking from the source.
Ask for the **absolute local source-video path** if it was not supplied.
The Gemini Omni request can take several minutes and may incur Google API charges. Before calling it, clearly state that and obtain confirmation unless the user already authorized the paid generation in the current conversation.
A key with `gemini-omni-flash-preview` access and quota is required. Never ask the user to paste a key into chat. Ask them to configure it in the terminal that launches AdaL:
export GEMINI_API_KEY='...'
`GOOGLE_API_KEY` is also supported. Never print, log, commit, or place a key in command arguments.
Set `<skill>` to this skill directory, then perform these steps.
python3 <skill>/scripts/process.py --check
This check does not install packages, upload media, or call Gemini. If FFmpeg is missing, tell the user to install `ffmpeg` and `ffprobe`; do not attempt privileged installation.
Confirm the file exists. The clip should clearly show two hands forming opposing index-and-thumb “L” shapes. Preserve the original file.
Short clips are faster and cheaper. Sources larger than 15 MB are automatically compressed to a temporary 720p H.264 upload copy; the original remains untouched.
Default cyberpunk-styled 3D animated-movie look:
python3 <skill>/scripts/process.py "/absolute/path/to/input.mov"
Custom style:
python3 <skill>/scripts/process.py "/absolute/path/to/input.mov" \ --prompt "Transform the scene into hand-painted watercolor animation while preserving the original motion and framing."
Optional output controls:
python3 <skill>/scripts/process.py input.mp4 \ --output /absolute/path/to/result.mp4 \ --keep-stylized
The runner automatically:
In headless AdaL, always provide the video path and set the key in AdaL's launching environment because hidden prompts require a terminal.
After completion, run `ffprobe` on the final file. Report:
Do not claim success unless the file exists, is non-empty, and FFmpeg can decode it without errors.
Essential skills for teams and developers building software with best engineering practices and 10x productivity. Compatible with AdaL CLI — the automation-first agent harness — and Claude Code.
Clone any website's landing page with pixel-perfect fidelity. Visual-first workflow: screenshot → sniper CSS extraction → deep…
Turn any codebase into an explorable interactive graph so a developer can understand it fast. Deterministic scan (files, imports,…
Guide users through creating AdaL skills by clarifying the skill type (personal, project, or public plugin) and scaffolding the…
Create premium animated technical diagrams as single self-contained HTML+SVG files — flowcharts whose connectors visibly flow and…
Launches "Model Office" — a live browser dashboard that visualizes multi-model job routing as a blocky Lego/Minecraft-style pixel…
Automate PostHog dashboard creation, sync, update, and export via API