| name | backy-frontend-desing-video |
| description | Backy frontend design video super-skill. Use for motion frames, HyperFrames, Remotion/video editing, logo outros, data-chart clips, download/clip workflows, and text/video generation. Routes across 17 Open Design video capabilities without installing them as 17 separate top-level skills. |
Backy Frontend Desing: Video
Use this when the user asks for motion frames, HyperFrames, Remotion/video editing, logo outros, data-chart clips, download/clip workflows, and text/video generation.
This is a compact router over 17 Open Design video capabilities. Keep the top-level context small: start with the catalog, then load only the exact source reference files needed for the request.
Workflow
- Read
references/catalog.md to pick one primary capability and, if useful, one support capability.
- Read only the matching file(s) from
references/source/. Do not bulk-load every source file.
- Apply the source skill's constraints, but keep the repo's existing architecture and design system unless the user explicitly asks for a new direction.
- For UI work, verify real rendered output when a local app or HTML artifact exists. Use screenshots or browser checks for responsive and visual claims.
- If the requested work crosses modes, combine this with the relevant sibling skill, for example
backy-frontend-desing-design-system plus backy-frontend-desing-prototype.
Capability Map
fal-kling-o3 -> references/source/fal-kling-o3.mdfal-lip-sync -> references/source/fal-lip-sync.mdfal-video-edit -> references/source/fal-video-edit.mdframe-data-chart-nyt -> references/source/frame-data-chart-nyt.mdframe-flowchart-sticky -> references/source/frame-flowchart-sticky.mdframe-glitch-title -> references/source/frame-glitch-title.mdframe-light-leak-cinema -> references/source/frame-light-leak-cinema.mdframe-liquid-bg-hero -> references/source/frame-liquid-bg-hero.mdframe-logo-outro -> references/source/frame-logo-outro.mdframe-macos-notification -> references/source/frame-macos-notification.mdremotion -> references/source/remotion.mdsora -> references/source/sora.mdvenice-video -> references/source/venice-video.mdvfx-text-cursor -> references/source/vfx-text-cursor.mdvideo-downloader -> references/source/video-downloader.mdvideo-hyperframes -> references/source/video-hyperframes.mdyoutube-clipper -> references/source/youtube-clipper.md
Backy Defaults
- Prefer distinctive, production-grade UI over generic AI template structure.
- Use real content and data from the user or project. Do not invent metrics, logos, testimonials, or product claims.
- Keep typography, spacing, interaction states, and responsive behavior as first-class acceptance criteria.
- When source skills conflict, choose the stricter visual QA rule and the simpler implementation.
- For existing products, improve the current surface instead of replacing product structure wholesale.
