← LeaderboardThe Skill Leaderboard

od-video-frame-liquid-bg-hero

Liquid Background Hero (Open Design) — use only when the user explicitly runs this skill

Published by feimacode ↗feimacode/open-design-agent-kit

Try your first task

A source-grounded starter task has not been verified for this skill yet.

SKILL.md

name: "od-video-frame-liquid-bg-hero"description: Liquid Background Hero (Open Design) — use only when the user explicitly runs this skilldisable-model-invocation: trueargument-hint: a brief describing what to build (optional — defaults to a starting example)

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

Brief: "$ARGUMENTS", or if empty: "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.