SkillDesign
Popular Web Designs
54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.
◈OpenClaw
By NousResearchOriginal project
MIT · FreeView skill
Use this plugin when the user wants a HyperFrames-ready HTML motion composition, launch animation, kinetic typography clip, product reveal, or social video made from code.
--- name: create-hyperframes-launch description: Use this plugin when the user wants a HyperFrames-ready HTML motion composition, launch animation, kinetic typography clip, product reveal, or social video made from code. license: MIT metadata: author: open-design-spec version: "0.1.0" od: mode: hyperframes scenario: video --- # Create HyperFrames Launch ## Workflow 1. Clarify duration, aspect ratio, product, text beats, and motion style. 2. Plan the composition as scenes with exact timings. 3. Create HyperFrames-ready HTML with named layers, restrained animation, and render notes. 4. Keep composition source organized under a cache or source folder and return the rendered artifact or render instructions. 5. Critique timing, legibility, and whether the composition can render deterministically. ## Output Contract Produce `hyperframes-plan.md` and a render-ready composition folder or rendered video.--- name: create-hyperframes-launch description: Use this plugin when the user wants a HyperFrames-ready HTML motion composition, launch animation, kinetic typography clip, product reveal, or social video made from code. license: MIT metadata: author: open-design-spec version: "0.1.0" od: mode: hyperframes scenario: video --- # Create HyperFrames Launch ## Workflow 1. Clarify duration, aspect ratio, product, text beats, and motion style. 2. Plan the composition as scenes with exact timings. 3. Create HyperFrames-ready HTML with named layers, restrained animation, and render notes. 4. Keep composition source organized under a cache or source folder and return the rendered artifact or render instructions. 5. Critique timing, legibility, and whether the composition can render deterministically. ## Output Contract Produce `hyperframes-plan.md` and a render-ready composition folder or rendered video.
Imported from the listed AgentSkill.sh category. Complete supplied package files and notices are retained. Required external tools and credentials are not installed. No bundled code was executed during import. Individual agent task behavior has not been tested.