[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7CQJWH08HD1DPZF9CEP7AFV":3,"skill-same:01M7CQJWH08HD1DPZF9CEP7AFV":107},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":17,"publishedAt":18,"linkOnly":19,"markdownContent":20,"markdownBody":21,"frontMatter":22,"refName":29,"commitSha":30,"skillDirectory":31,"forksCount":13,"repositoryHtmlUrl":32,"repositoryHomepageUrl":6,"ownerHtmlUrl":33,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":34,"install":35,"resources":48},"01M7CQJWH08HD1DPZF9CEP7AFV","video-template-frame-liquid-bg-hero",null,"Use this plugin when the user wants a \"Liquid Background Hero\" HyperFrames motion video — WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.","hoadulieu2003-lang\u002Fantigravity-skill","hoadulieu2003-lang","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F297118519?v=4","01M7CK2QFV03PS1NBDTTTSS9YN","01M7CK2QGTWJHQVAEMKZ125EJ8",0,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fopen-design\u002Fplugins\u002F_official\u002Fvideo-templates\u002Fframe-liquid-bg-hero\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: video-template-frame-liquid-bg-hero\ndescription: Use this plugin when the user wants a \"Liquid Background Hero\" HyperFrames motion video — WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.\nlicense: Apache-2.0\nmetadata:\n  author: nexu-io\n  version: \"0.1.0\"\nod:\n  mode: video\n  scenario: video\n  surface: hyperframes\n---\n\n# Liquid Background Hero\n\nWebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.\n\n## What this template is\n\nA HyperFrames-ready HTML + CSS + GSAP motion composition, bundled under `source\u002F`. It renders deterministically to MP4 \u002F WEBM at 16:9, 9:16, 1:1, default 15s, 60fps.\n\n**Best for:** Product launch hero · SaaS landing video · Editorial cover\n\n## Workflow\n\n1. Read `source\u002Findex.html` to understand the named layers and the animation timeline.\n2. Replace the sample copy (headlines, figures, labels) with the user's real content; keep the motion timing and visual signature intact.\n3. Keep the composition self-contained under `source\u002F`; do not introduce external network assets that would break a headless render.\n4. Render to MP4 via the html-video \u002F HyperFrames renderer.\n\n## Attribution\n\nSource: html-video `templates\u002Fframe-liquid-bg-hero` (license Apache-2.0).\n","# Liquid Background Hero\n\nWebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.\n\n## What this template is\n\nA HyperFrames-ready HTML + CSS + GSAP motion composition, bundled under `source\u002F`. It renders deterministically to MP4 \u002F WEBM at 16:9, 9:16, 1:1, default 15s, 60fps.\n\n**Best for:** Product launch hero · SaaS landing video · Editorial cover\n\n## Workflow\n\n1. Read `source\u002Findex.html` to understand the named layers and the animation timeline.\n2. Replace the sample copy (headlines, figures, labels) with the user's real content; keep the motion timing and visual signature intact.\n3. Keep the composition self-contained under `source\u002F`; do not introduce external network assets that would break a headless render.\n4. Render to MP4 via the html-video \u002F HyperFrames renderer.\n\n## Attribution\n\nSource: html-video `templates\u002Fframe-liquid-bg-hero` (license Apache-2.0).\n",{"od":23,"name":5,"license":14,"metadata":26,"description":7},{"mode":24,"surface":25,"scenario":24},"video","hyperframes",{"author":27,"version":28},"nexu-io","0.1.0","main","445d7ad302789dbe2aba360f740630d9ce30bddb","config\u002Fskills\u002Fopen-design\u002Fplugins\u002F_official\u002Fvideo-templates\u002Fframe-liquid-bg-hero","https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill","https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang","2026-11-15 03:42:38",{"source":8,"skillName":5,"commands":36,"prompt":46,"zipAvailable":47},[37,40,43],{"tool":38,"command":39},"npx","npx skills add hoadulieu2003-lang\u002Fantigravity-skill --skill video-template-frame-liquid-bg-hero",{"tool":41,"command":42},"bunx","bunx skills add hoadulieu2003-lang\u002Fantigravity-skill --skill video-template-frame-liquid-bg-hero",{"tool":44,"command":45},"pnpm","pnpm dlx skills add hoadulieu2003-lang\u002Fantigravity-skill --skill video-template-frame-liquid-bg-hero","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fopen-design\u002Fplugins\u002F_official\u002Fvideo-templates\u002Fframe-liquid-bg-hero\u002FSKILL.md",true,[49,55,61,65,71,75,79,83,87,91,95,99,103],{"path":50,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":53,"sourceHtmlUrl":54},"open-design.json","REFERENCE","参考文档",3491,"https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fopen-design\u002Fplugins\u002F_official\u002Fvideo-templates\u002Fframe-liquid-bg-hero\u002Fopen-design.json",{"path":56,"resourceType":57,"resourceTypeDesc":58,"sizeBytes":59,"sourceHtmlUrl":60},"preview.mp4","ASSET","资产文件",689483,"https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fopen-design\u002Fplugins\u002F_official\u002Fvideo-templates\u002Fframe-liquid-bg-hero\u002Fpreview.mp4",{"path":62,"resourceType":57,"resourceTypeDesc":58,"sizeBytes":63,"sourceHtmlUrl":64},"preview.png",715625,"https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fopen-design\u002Fplugins\u002F_official\u002Fvideo-templates\u002Fframe-liquid-bg-hero\u002Fpreview.png",{"path":66,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":69,"sourceHtmlUrl":70},"source\u002Ffonts.css","OTHER","其他",12583,"https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fopen-design\u002Fplugins\u002F_official\u002Fvideo-templates\u002Fframe-liquid-bg-hero\u002Fsource\u002Ffonts.css",{"path":72,"resourceType":57,"resourceTypeDesc":58,"sizeBytes":73,"sourceHtmlUrl":74},"source\u002Ffonts\u002Ff48712e776f666632.woff2",6684,"https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fopen-design\u002Fplugins\u002F_official\u002Fvideo-templates\u002Fframe-liquid-bg-hero\u002Fsource\u002Ffonts\u002Ff48712e776f666632.woff2",{"path":76,"resourceType":57,"resourceTypeDesc":58,"sizeBytes":77,"sourceHtmlUrl":78},"source\u002Ffonts\u002Ff62412e776f666632.woff2",21208,"https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fopen-design\u002Fplugins\u002F_official\u002Fvideo-templates\u002Fframe-liquid-bg-hero\u002Fsource\u002Ffonts\u002Ff62412e776f666632.woff2",{"path":80,"resourceType":57,"resourceTypeDesc":58,"sizeBytes":81,"sourceHtmlUrl":82},"source\u002Ffonts\u002Ff65382e776f666632.woff2",44916,"https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fopen-design\u002Fplugins\u002F_official\u002Fvideo-templates\u002Fframe-liquid-bg-hero\u002Fsource\u002Ffonts\u002Ff65382e776f666632.woff2",{"path":84,"resourceType":57,"resourceTypeDesc":58,"sizeBytes":85,"sourceHtmlUrl":86},"source\u002Ffonts\u002Ff66672e776f666632.woff2",20256,"https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fopen-design\u002Fplugins\u002F_official\u002Fvideo-templates\u002Fframe-liquid-bg-hero\u002Fsource\u002Ffonts\u002Ff66672e776f666632.woff2",{"path":88,"resourceType":57,"resourceTypeDesc":58,"sizeBytes":89,"sourceHtmlUrl":90},"source\u002Ffonts\u002Ff6d672e776f666632.woff2",26644,"https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fopen-design\u002Fplugins\u002F_official\u002Fvideo-templates\u002Fframe-liquid-bg-hero\u002Fsource\u002Ffonts\u002Ff6d672e776f666632.woff2",{"path":92,"resourceType":57,"resourceTypeDesc":58,"sizeBytes":93,"sourceHtmlUrl":94},"source\u002Ffonts\u002Ff75322e776f666632.woff2",6536,"https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fopen-design\u002Fplugins\u002F_official\u002Fvideo-templates\u002Fframe-liquid-bg-hero\u002Fsource\u002Ffonts\u002Ff75322e776f666632.woff2",{"path":96,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":97,"sourceHtmlUrl":98},"source\u002Findex.html",3483,"https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fopen-design\u002Fplugins\u002F_official\u002Fvideo-templates\u002Fframe-liquid-bg-hero\u002Fsource\u002Findex.html",{"path":100,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":101,"sourceHtmlUrl":102},"source\u002Ftailwind.css",6007,"https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fopen-design\u002Fplugins\u002F_official\u002Fvideo-templates\u002Fframe-liquid-bg-hero\u002Fsource\u002Ftailwind.css",{"path":104,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":105,"sourceHtmlUrl":106},"template.json",837,"https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fopen-design\u002Fplugins\u002F_official\u002Fvideo-templates\u002Fframe-liquid-bg-hero\u002Ftemplate.json",[108,117,124,131,138,146],{"skillNo":109,"name":110,"nameZh":6,"description":111,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":112,"licenseFileUrl":113,"sourceHtmlUrl":114,"categories":115,"keywords":116,"publishedAt":18},"01M7CRQ8DBXW9QQR0N6T3E77RT","ui-styling","Create beautiful, accessible user interfaces with shadcn\u002Fui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.","MIT","https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fui-ux-pro-max\u002Fcli\u002Fassets\u002Fskills\u002Fui-styling\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fui-ux-pro-max\u002Fcli\u002Fassets\u002Fskills\u002Fui-styling\u002FSKILL.md",[],[],{"skillNo":118,"name":119,"nameZh":6,"description":120,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":112,"licenseFileUrl":6,"sourceHtmlUrl":121,"categories":122,"keywords":123,"publishedAt":18},"01M7CRPW3TX49AYKJAVT6E55C3","design","Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini or Atlas Cloud AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social\u002Fads\u002Fweb\u002Fprint), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.","https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fui-ux-pro-max\u002Fcli\u002Fassets\u002Fskills\u002Fdesign\u002FSKILL.md",[],[],{"skillNo":125,"name":126,"nameZh":6,"description":127,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":112,"licenseFileUrl":6,"sourceHtmlUrl":128,"categories":129,"keywords":130,"publishedAt":18},"01M7CRPQ5GY0V9CHGMYBZAS7XB","design-system","Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing\u002Ftypography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.","https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fui-ux-pro-max\u002Fcli\u002Fassets\u002Fskills\u002Fdesign-system\u002FSKILL.md",[],[],{"skillNo":132,"name":133,"nameZh":6,"description":134,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":112,"licenseFileUrl":6,"sourceHtmlUrl":135,"categories":136,"keywords":137,"publishedAt":18},"01M7CRPBZW7CP6P7CAFTHH4B0S","banner-design","Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter\u002FX, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Uses ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal skills.","https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fui-ux-pro-max\u002Fcli\u002Fassets\u002Fskills\u002Fbanner-design\u002FSKILL.md",[],[],{"skillNo":139,"name":140,"nameZh":6,"description":141,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":112,"licenseFileUrl":142,"sourceHtmlUrl":143,"categories":144,"keywords":145,"publishedAt":18},"01M7CRNZQDZPW46TCXZES9CK16","ui-ux-pro-max","UI\u002FUX intelligence database for UX rules, accessibility standards (WCAG AA), typography pairings, color palette reasoning, and interaction guidelines. Activate when searching for design tokens, font pairings, UX best practices, or auditing component usability. DO NOT use for high-level art direction ($design) or brand-mimicking templates (open-design).","https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fui-ux-pro-max\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fui-ux-pro-max\u002FSKILL.md",[],[],{"skillNo":147,"name":110,"nameZh":6,"description":111,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":112,"licenseFileUrl":148,"sourceHtmlUrl":149,"categories":150,"keywords":151,"publishedAt":18},"01M7CRNF89CTH2JK9WGJ5CGR6X","https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fui-ux-pro-max\u002F.claude\u002Fskills\u002Fui-styling\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fhoadulieu2003-lang\u002Fantigravity-skill\u002Fblob\u002Fmain\u002Fconfig\u002Fskills\u002Fui-ux-pro-max\u002F.claude\u002Fskills\u002Fui-styling\u002FSKILL.md",[],[]]