[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M77VFCSFACKWWTMJBET4ZFWD":3,"skill-same:01M77VFCSFACKWWTMJBET4ZFWD":84},{"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":52,"commitSha":53,"skillDirectory":54,"forksCount":14,"repositoryHtmlUrl":55,"repositoryHomepageUrl":6,"ownerHtmlUrl":56,"ownerBlogUrl":57,"ownerDescription":58,"updatedAt":59,"install":60,"resources":73},"01M77VFCSFACKWWTMJBET4ZFWD","poster-hero",null,"Vertical poster or Moments-style share image with strong visual impact.","hiktan44\u002Fopen-design-app","hiktan44","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F140920746?v=4","01M77SNV7J2RH7G3TQVS2FXMW9","hikmet tanriverdi","01M77SNV87GR8D3BJ9WJHFMZ9Y",0,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Fplugins\u002F_official\u002Fexamples\u002Fposter-hero\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: poster-hero\nzh_name: \"营销海报\"\nen_name: \"Marketing Poster\"\nemoji: \"🖼️\"\ndescription: \"Vertical poster or Moments-style share image with strong visual impact.\"\nzh_description: \"竖版海报 \u002F 朋友圈分享图, 强视觉冲击\"\nen_description: \"Vertical poster or Moments-style share image with strong visual impact.\"\ncategory: poster\nscenario: marketing\naspect_hint: \"1080×1920 竖版\"\ntags: [\"poster\", \"海报\", \"朋友圈\"]\nexample_id: sample-poster-launch\nexample_name: \"营销海报 · 产品发布\"\nexample_format: markdown\nexample_tagline: \"9:16 朋友圈分享图\"\nexample_desc: \"高对比度发布海报, 含 QR 码占位 + 渐变 mesh + 噪点纹理\"\nod:\n  mode: prototype\n  surface: web\n  platform: desktop\n  scenario: marketing\n  upstream: \"https:\u002F\u002Fgithub.com\u002Fnexu-io\u002Fhtml-anything\"\n  preview:\n    type: html\n    entry: index.html\n    reload: debounce-100\n  design_system:\n    requires: false\n  example_prompt: \"Use the Marketing Poster template to turn my content into a vertical poster or Moments-style share image with strong visual impact. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images.\"\n  example_prompt_i18n:\n    zh-CN: \"用「营销海报」模板把我的内容做成一份「竖版海报 \u002F 朋友圈分享图, 强视觉冲击」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。\"\n---\n\n【模板: 营销海报】\n- 容器 `w-[1080px] h-[1920px] mx-auto`, 全屏渐变 \u002F mesh 背景。\n- 上部 30% 留白 + 一个大 emoji 或抽象几何图形。\n- 中部主标题占视觉中心 (text-8xl, font-black), 一句话副标题。\n- 下部信息卡片: 3-5 条核心要点用图标 + 短句。\n- 底部右下角放品牌 \u002F 二维码 (用 SVG 占位)。\n- 使用大胆的色彩: 渐变背景 (from-violet-500 via-fuchsia-500 to-indigo-500 之类), 文字白色 + 1 个对比色高亮。\n- 使用 SVG 做装饰性元素 (圆 \u002F 三角 \u002F 波浪 \u002F 噪点纹理)。\n","【模板: 营销海报】\n- 容器 `w-[1080px] h-[1920px] mx-auto`, 全屏渐变 \u002F mesh 背景。\n- 上部 30% 留白 + 一个大 emoji 或抽象几何图形。\n- 中部主标题占视觉中心 (text-8xl, font-black), 一句话副标题。\n- 下部信息卡片: 3-5 条核心要点用图标 + 短句。\n- 底部右下角放品牌 \u002F 二维码 (用 SVG 占位)。\n- 使用大胆的色彩: 渐变背景 (from-violet-500 via-fuchsia-500 to-indigo-500 之类), 文字白色 + 1 个对比色高亮。\n- 使用 SVG 做装饰性元素 (圆 \u002F 三角 \u002F 波浪 \u002F 噪点纹理)。\n",{"od":24,"name":5,"tags":38,"emoji":42,"en_name":43,"zh_name":44,"category":39,"scenario":32,"example_id":45,"aspect_hint":46,"description":7,"example_desc":47,"example_name":48,"en_description":7,"example_format":49,"zh_description":50,"example_tagline":51},{"mode":25,"preview":26,"surface":30,"platform":31,"scenario":32,"upstream":33,"design_system":34,"example_prompt":35,"example_prompt_i18n":36},"prototype",{"type":27,"entry":28,"reload":29},"html","index.html","debounce-100","web","desktop","marketing","https:\u002F\u002Fgithub.com\u002Fnexu-io\u002Fhtml-anything",{"requires":20},"Use the Marketing Poster template to turn my content into a vertical poster or Moments-style share image with strong visual impact. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images.",{"zh-CN":37},"用「营销海报」模板把我的内容做成一份「竖版海报 \u002F 朋友圈分享图, 强视觉冲击」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。",[39,40,41],"poster","海报","朋友圈","🖼️","Marketing Poster","营销海报","sample-poster-launch","1080×1920 竖版","高对比度发布海报, 含 QR 码占位 + 渐变 mesh + 噪点纹理","营销海报 · 产品发布","markdown","竖版海报 \u002F 朋友圈分享图, 强视觉冲击","9:16 朋友圈分享图","main","f403d5b733fab92eab16d13e9baf3ac951afed55","plugins\u002F_official\u002Fexamples\u002Fposter-hero","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app","https:\u002F\u002Fgithub.com\u002Fhiktan44","fasheone.com","Hikmet Tanrıverdi\r\nSTRATEJI DANIŞMANLIK, 2008-2018 İHKİB İSTANBUL HAZIR GİYİM BŞK, İTO MECLİS ÜYESİ, TEXMART DIŞ TİCARET YK STRATEGY CONSULTING, 2008-2018 PRESI","2026-10-11 23:59:08",{"source":8,"skillName":5,"commands":61,"prompt":71,"zipAvailable":72},[62,65,68],{"tool":63,"command":64},"npx","npx skills add hiktan44\u002Fopen-design-app --skill poster-hero",{"tool":66,"command":67},"bunx","bunx skills add hiktan44\u002Fopen-design-app --skill poster-hero",{"tool":69,"command":70},"pnpm","pnpm dlx skills add hiktan44\u002Fopen-design-app --skill poster-hero","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Fplugins\u002F_official\u002Fexamples\u002Fposter-hero\u002FSKILL.md",true,[74,80],{"path":75,"resourceType":76,"resourceTypeDesc":77,"sizeBytes":78,"sourceHtmlUrl":79},"example.html","REFERENCE","参考文档",5744,"https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Fplugins\u002F_official\u002Fexamples\u002Fposter-hero\u002Fexample.html",{"path":81,"resourceType":76,"resourceTypeDesc":77,"sizeBytes":82,"sourceHtmlUrl":83},"open-design.json",4819,"https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Fplugins\u002F_official\u002Fexamples\u002Fposter-hero\u002Fopen-design.json",[85,92,99,106,113,122],{"skillNo":86,"name":87,"nameZh":6,"description":88,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":89,"categories":90,"keywords":91,"publishedAt":19},"01M77WGV99HNV3Q6JN3H8Z70JE","Beta Skill","Instruction-only fixture skill.","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fskills\u002Fbeta\u002FSKILL.md",[],[],{"skillNo":93,"name":94,"nameZh":6,"description":95,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":96,"categories":97,"keywords":98,"publishedAt":19},"01M77WGRXNRGHT9J1K929BPV5H","Alpha Skill","First fixture skill with a runnable demo.","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fskills\u002Falpha\u002FSKILL.md",[],[],{"skillNo":100,"name":101,"nameZh":6,"description":102,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":103,"categories":104,"keywords":105,"publishedAt":19},"01M77WGQK7F7R1W6RBFZFEZ53M","Deck One","A small deck template fixture.","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fdesign-templates\u002Fdeck-one\u002FSKILL.md",[],[],{"skillNo":107,"name":108,"nameZh":6,"description":109,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":110,"categories":111,"keywords":112,"publishedAt":19},"01M77WGNPEGTDWMKDX659FS5DT","youtube-clipper","YouTube clip generation and editing with automated workflows — pull source video, slice highlights, add captions, and export.","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Fskills\u002Fyoutube-clipper\u002FSKILL.md",[],[],{"skillNo":114,"name":115,"nameZh":6,"description":116,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":117,"licenseFileUrl":118,"sourceHtmlUrl":119,"categories":120,"keywords":121,"publishedAt":19},"01M77WGJ9KKT6Q4P10GAV3KC48","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\".","MIT","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Fskills\u002Fwriting-guidelines\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Fskills\u002Fwriting-guidelines\u002FSKILL.md",[],[],{"skillNo":123,"name":124,"nameZh":6,"description":125,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":126,"categories":127,"keywords":128,"publishedAt":19},"01M77WGF9P0WT4XBXMM0B9WRGR","wpds","WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Fskills\u002Fwpds\u002FSKILL.md",[],[]]