[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7EB0K2GFYYXPDTMR4BEN8JB":3,"skill-same:01M7EB0K2GFYYXPDTMR4BEN8JB":56},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":19,"linkOnly":20,"markdownContent":21,"markdownBody":22,"frontMatter":23,"refName":30,"commitSha":31,"skillDirectory":32,"forksCount":14,"repositoryHtmlUrl":33,"repositoryHomepageUrl":6,"ownerHtmlUrl":34,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":35,"install":36,"resources":49},"01M7EB0K2GFYYXPDTMR4BEN8JB","create-hyperframes-launch",null,"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.","testground-lab\u002Fdesignground","testground-lab","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F213383747?v=4","01M7E8Q0BABJ7Q9AVGKG7SM9V4","TestGround Inc","01M7E8Q0BV18ZX6XCJTGNN3096",0,"MIT","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Fplugins\u002Fspec\u002Fexamples\u002Fcreate-hyperframes-launch\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: create-hyperframes-launch\ndescription: 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.\nlicense: MIT\nmetadata:\n  author: open-design-spec\n  version: \"0.1.0\"\nod:\n  mode: hyperframes\n  scenario: video\n---\n\n# Create HyperFrames Launch\n\n## Workflow\n\n1. Clarify duration, aspect ratio, product, text beats, and motion style.\n2. Plan the composition as scenes with exact timings.\n3. Create HyperFrames-ready HTML with named layers, restrained animation, and render notes.\n4. Keep composition source organized under a cache or source folder and return the rendered artifact or render instructions.\n5. Critique timing, legibility, and whether the composition can render deterministically.\n\n## Output Contract\n\nProduce `hyperframes-plan.md` and a render-ready composition folder or rendered video.\n\n","# Create HyperFrames Launch\n\n## Workflow\n\n1. Clarify duration, aspect ratio, product, text beats, and motion style.\n2. Plan the composition as scenes with exact timings.\n3. Create HyperFrames-ready HTML with named layers, restrained animation, and render notes.\n4. Keep composition source organized under a cache or source folder and return the rendered artifact or render instructions.\n5. Critique timing, legibility, and whether the composition can render deterministically.\n\n## Output Contract\n\nProduce `hyperframes-plan.md` and a render-ready composition folder or rendered video.\n\n",{"od":24,"name":5,"license":15,"metadata":27,"description":7},{"mode":25,"scenario":26},"hyperframes","video",{"author":28,"version":29},"open-design-spec","0.1.0","main","53231d40b778d88eba23f35547bf99485d3ae9fc","plugins\u002Fspec\u002Fexamples\u002Fcreate-hyperframes-launch","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground","https:\u002F\u002Fgithub.com\u002Ftestground-lab","2026-10-06 15:26:48",{"source":8,"skillName":5,"commands":37,"prompt":47,"zipAvailable":48},[38,41,44],{"tool":39,"command":40},"npx","npx skills add testground-lab\u002Fdesignground --skill create-hyperframes-launch",{"tool":42,"command":43},"bunx","bunx skills add testground-lab\u002Fdesignground --skill create-hyperframes-launch",{"tool":45,"command":46},"pnpm","pnpm dlx skills add testground-lab\u002Fdesignground --skill create-hyperframes-launch","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Fplugins\u002Fspec\u002Fexamples\u002Fcreate-hyperframes-launch\u002FSKILL.md",true,[50],{"path":51,"resourceType":52,"resourceTypeDesc":53,"sizeBytes":54,"sourceHtmlUrl":55},"open-design.json","REFERENCE","参考文档",1849,"https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Fplugins\u002Fspec\u002Fexamples\u002Fcreate-hyperframes-launch\u002Fopen-design.json",[57,65,72,79,86,94],{"skillNo":58,"name":59,"nameZh":6,"description":60,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":61,"licenseFileUrl":6,"sourceHtmlUrl":62,"categories":63,"keywords":64,"publishedAt":19},"01M7EBNKQZ9A2JHZDHZHQ94JDM","Beta Skill","Instruction-only fixture skill.","Apache-2.0","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fskills\u002Fbeta\u002FSKILL.md",[],[],{"skillNo":66,"name":67,"nameZh":6,"description":68,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":61,"licenseFileUrl":6,"sourceHtmlUrl":69,"categories":70,"keywords":71,"publishedAt":19},"01M7EBNJDND50BQN37ZETG1R52","Alpha Skill","First fixture skill with a runnable demo.","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fskills\u002Falpha\u002FSKILL.md",[],[],{"skillNo":73,"name":74,"nameZh":6,"description":75,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":61,"licenseFileUrl":6,"sourceHtmlUrl":76,"categories":77,"keywords":78,"publishedAt":19},"01M7EBNG48FMGPH5KMW4D0FAAH","Deck One","A small deck template fixture.","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fdesign-templates\u002Fdeck-one\u002FSKILL.md",[],[],{"skillNo":80,"name":81,"nameZh":6,"description":82,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":61,"licenseFileUrl":6,"sourceHtmlUrl":83,"categories":84,"keywords":85,"publishedAt":19},"01M7EBNDZS46J6JG0BPPPWBR0C","youtube-clipper","YouTube clip generation and editing with automated workflows — pull source video, slice highlights, add captions, and export.","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Fskills\u002Fyoutube-clipper\u002FSKILL.md",[],[],{"skillNo":87,"name":88,"nameZh":6,"description":89,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":90,"sourceHtmlUrl":91,"categories":92,"keywords":93,"publishedAt":19},"01M7EBN9KVM1DJCX1A7T4S7S24","writing-guidelines","Review docs\u002Fprose for Writing Guidelines compliance. Use when asked to \"review my docs\", \"check writing style\", \"audit prose\", \"review docs voice and tone\", or \"check this page against the writing handbook\".","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Fskills\u002Fwriting-guidelines\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Fskills\u002Fwriting-guidelines\u002FSKILL.md",[],[],{"skillNo":95,"name":96,"nameZh":6,"description":97,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":61,"licenseFileUrl":6,"sourceHtmlUrl":98,"categories":99,"keywords":100,"publishedAt":19},"01M7EBN797QTQP07GBV32T8TPF","wpds","WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Fskills\u002Fwpds\u002FSKILL.md",[],[]]