Skills

Frame Liquid Bg Hero

Liquid Background Hero (Open Design), use only when explicitly invoked, not for...

Install

npx skills add feimacode/open-design-agent-kit --skill frame-liquid-bg-hero -g -a claude-code -y
Category
Design
Updated
3d ago
License
MIT
Context cost
Lightabout 239 tokens
Runs scripts
No, instructions only

What it does

Liquid Background Hero (Open Design), use only when explicitly invoked, not for general design requests

<!-- generated:open-design-agent-kit -->

Use the Open Design skill od:video:frame-liquid-bg-hero (Liquid Background Hero).

Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Liquid Background Hero template to turn my content into a WebGL-style fluid displacement background with a quote overlay for a video intro, landing hero, or poster. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."

Call prepare_open_design_brief (the open-design MCP server's tool) with skillId "od:video:frame-liquid-bg-hero" and this brief, call list_open_design_design_systems first if the user names a brand or visual direction, or recommend_open_design_design_systems if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call register_open_design_artifact.

More in Design