Skills for Real Engineers. Straight from my .agents directory.
39 skills
od-video-frame-liquid-bg-hero
Agent skill from
Liquid Background Hero (Open Design) — use only when the user explicitly runs this skill
How to install od-video-frame-liquid-bg-hero
install od-video-frame-liquid-bg-hero
# install the open-design-agent-kit pack with the skills CLI
npx skills add feimacode/open-design-agent-kit# or add only this skill to Claude Code: copy the folder
packages/claude-plugin-local/skills/od-video-frame-liquid-bg-hero/
# into
~/.claude/skills/od-video-frame-liquid-bg-hero/ (all projects)
.claude/skills/od-video-frame-liquid-bg-hero/ (one project)
1<!-- generated:curated-entry -->23Use the Open Design skill `od:video:frame-liquid-bg-hero` (Liquid Background Hero).45Brief: "$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."67Call `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`.
Excerpt shown under the repository's MIT license.
More skills in open-design-agent-kit
- ▸od-deck-deck-guizang-editorial
- ▸od-deck-deck-open-slide-canvas
- ▸od-deck-deck-swiss-international
- ▸od-deck-guizang-ppt
- ▸od-deck-ppt-keynote
- ▸od-prototype-article-magazine
- ▸od-prototype-card-twitter
- ▸od-prototype-card-xiaohongshu
- ▸od-prototype-data-report
- ▸od-prototype-doc-kami-parchment
- ▸od-prototype-mockup-device-3d
- ▸od-prototype-poster-hero
Keep exploring
Similar skill repositories
Public repository for Agent Skills
20 skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
CCCXCUGH6 skills
Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More
CCCXGHGM+135 skills
Production-grade engineering skills for AI coding agents.
CCCXCU25 skills
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
CCCXCU1 skill