Video background
Skill Dragoon0x/everything-design-taste/skills/video-background
A taste system for AI agents. 288 skills, 80 agents, 12 rules, and 8 hooks that turn generic AI output into work with genuine design quality. Anti-slop detection, typography craft, color systems, brand voice, product strategy, and 50+ specialized reviewers across UI, industry, platform, and content domains.
npx -y skills add Dragoon0x/everything-design-taste --skill video-backgroundAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 6 stars6 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Video background design, hero videos, and video performance.
SKILL.md
0.9 KB, 183 tokens by cl100k_base, as published. Nobody here has run it
Video Background
When to Use
- Brand/mood setting on landing pages
- Product demo as hero
- Event/conference marketing
- NOT on app interfaces or tool pages
Rules
- Muted by default (never autoplay audio)
- No controls visible (it's a background, not a player)
- Loop seamlessly
- Fallback poster image for slow connections
- Reduce motion: show static image for
prefers-reduced-motion - Dark overlay for text readability
- Compress aggressively (720p max for backgrounds)
- Lazy load below fold
Performance
- Max file size: 5-10MB
- Format: MP4 (H.264) for broadest support, WebM as enhancement
- Consider replacing with CSS animation or SVG animation
- Don't autoplay on mobile (data usage + performance)