vaultshield-hero - Build a cinematic VaultShield password-manager hero
Creates a full-viewport password-manager hero with looping video, animated content, Lucide icons, desktop navigation, and a mobile slide-in menu.
Tags
Updated: 2026-09-29Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Clone the example HTML
- Replace placeholder content
- Preserve the design system
- Extend template sections
- Respect reduced motion
- Render mobile navigation
Inputs
- User brand name
- Headlines and body copy
- Content numbers
- Replacement imagery
- Example HTML template
- User workspace
Outputs
- Responsive HTML artifact
- Cinematic hero page
- Mobile slide-in menu
Requirements
- React with TypeScript
- Tailwind CSS
- Framer Motion
- Lucide React
- Font URL access
- Video URL access