[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7DCWW5PRSY4EX2MXFBVR7ZF":3,"skill-same:01M7DCWW5PRSY4EX2MXFBVR7ZF":76},{"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":54,"commitSha":55,"skillDirectory":56,"forksCount":57,"repositoryHtmlUrl":58,"repositoryHomepageUrl":59,"ownerHtmlUrl":60,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":61,"install":62,"resources":75},"01M7DCWW5PRSY4EX2MXFBVR7ZF","card-twitter",null,"Twitter quote or data card designed to pair with a post.","feimacode\u002Fopen-design-agent-kit","feimacode","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F264390570?v=4","01M7D3HQSP5EP4Z4JECTSQ7EBD","Feima Code","01M7D3HQT72Q4EVQJP89MR9WP1",1129,"MIT","https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fskills\u002Fcard-twitter\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: card-twitter\nzh_name: \"Twitter 分享卡\"\nen_name: \"Twitter Share Card\"\nemoji: \"🐦\"\ndescription: \"Twitter quote or data card designed to pair with a post.\"\nzh_description: \"推特金句 \u002F 数据卡, 适合配推文\"\nen_description: \"Twitter quote or data card designed to pair with a post.\"\ncategory: card\nscenario: marketing\naspect_hint: \"1600×900 (16:9)\"\ntags: [\"twitter\", \"x\", \"quote\", \"金句\"]\nexample_id: sample-twitter-quote\nexample_name: \"推特卡 · 金句\"\nexample_format: text\nexample_tagline: \"16:9 暗色金句卡, 截图直接配推文\"\nexample_desc: \"高对比金句模板, 含 grid 网格 + 渐变光晕背景\"\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 Twitter Share Card template to turn my content into a Twitter quote or data card designed to pair with a post. 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: \"用「Twitter 分享卡」模板把我的内容做成一份「推特金句 \u002F 数据卡, 适合配推文」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。\"\n---\n\n【模板: Twitter 分享卡】\n- 容器 `w-[1600px] h-[900px]`, 暗色 \u002F 亮色二选一根据内容情绪。\n- 中央一句 hero 金句 (text-6xl, font-semibold, 限 2-3 行)。\n- 下方作者署名 + 头像占位 + handle。\n- 左上角小标签 (类型: \"Insight\" \u002F \"Data\" \u002F \"Quote\")。\n- 右下角品牌水印。\n- 整张卡片有微妙的纹理 (grid 网格 \u002F noise \u002F dot pattern)。\n- 截图后可直接配推文发出, 视觉简洁有力。\n","【模板: Twitter 分享卡】\n- 容器 `w-[1600px] h-[900px]`, 暗色 \u002F 亮色二选一根据内容情绪。\n- 中央一句 hero 金句 (text-6xl, font-semibold, 限 2-3 行)。\n- 下方作者署名 + 头像占位 + handle。\n- 左上角小标签 (类型: \"Insight\" \u002F \"Data\" \u002F \"Quote\")。\n- 右下角品牌水印。\n- 整张卡片有微妙的纹理 (grid 网格 \u002F noise \u002F dot pattern)。\n- 截图后可直接配推文发出, 视觉简洁有力。\n",{"od":24,"name":5,"tags":38,"emoji":43,"en_name":44,"zh_name":45,"category":46,"scenario":32,"example_id":47,"aspect_hint":48,"description":7,"example_desc":49,"example_name":50,"en_description":7,"example_format":51,"zh_description":52,"example_tagline":53},{"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 Twitter Share Card template to turn my content into a Twitter quote or data card designed to pair with a post. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images.",{"zh-CN":37},"用「Twitter 分享卡」模板把我的内容做成一份「推特金句 \u002F 数据卡, 适合配推文」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。",[39,40,41,42],"twitter","x","quote","金句","🐦","Twitter Share Card","Twitter 分享卡","card","sample-twitter-quote","1600×900 (16:9)","高对比金句模板, 含 grid 网格 + 渐变光晕背景","推特卡 · 金句","text","推特金句 \u002F 数据卡, 适合配推文","16:9 暗色金句卡, 截图直接配推文","main","e38061066b92c298798dbddc1decbae8c026464f","packages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fskills\u002Fcard-twitter",104,"https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit","https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=feima.open-design-agent-kit","https:\u002F\u002Fgithub.com\u002Ffeimacode","2026-11-14 17:32:48",{"source":8,"skillName":5,"commands":63,"prompt":73,"zipAvailable":74},[64,67,70],{"tool":65,"command":66},"npx","npx skills add feimacode\u002Fopen-design-agent-kit --skill card-twitter",{"tool":68,"command":69},"bunx","bunx skills add feimacode\u002Fopen-design-agent-kit --skill card-twitter",{"tool":71,"command":72},"pnpm","pnpm dlx skills add feimacode\u002Fopen-design-agent-kit --skill card-twitter","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fskills\u002Fcard-twitter\u002FSKILL.md",true,[],[77,84,91,98,105,112],{"skillNo":78,"name":79,"nameZh":6,"description":80,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":81,"categories":82,"keywords":83,"publishedAt":19},"01M7DDR9C4RR6E8F46YBJ8MW64","youtube-clipper","YouTube clip generation and editing with automated workflows — pull source video, slice highlights, add captions, and export.","https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fskills\u002Fyoutube-clipper\u002FSKILL.md",[],[],{"skillNo":85,"name":86,"nameZh":6,"description":87,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":88,"categories":89,"keywords":90,"publishedAt":19},"01M7DDR57XHXAFBGKX3SYTGSJB","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\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fskills\u002Fwriting-guidelines\u002FSKILL.md",[],[],{"skillNo":92,"name":93,"nameZh":6,"description":94,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":95,"categories":96,"keywords":97,"publishedAt":19},"01M7DDR2RM4F3FM5642JZBGJSF","wpds","WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.","https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fskills\u002Fwpds\u002FSKILL.md",[],[],{"skillNo":99,"name":100,"nameZh":6,"description":101,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":102,"categories":103,"keywords":104,"publishedAt":19},"01M7DDQX3G9QDCBV5GGZGQ1NZN","weread-year-in-review-video-template","WeRead-inspired HyperFrames video template for vertical annual reading reports,\npersonal reading dashboards, book-note recaps, and shareable year-in-review\nstories. Use when users want a 9:16 HTML-to-MP4 reading report with warm paper\ntexture, editorial Chinese typography, book-page metaphors, data highlights,\nand deterministic motion.","https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fskills\u002Fweread-year-in-review-video-template\u002FSKILL.md",[],[],{"skillNo":106,"name":107,"nameZh":6,"description":108,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":109,"categories":110,"keywords":111,"publishedAt":19},"01M7DDQRGJEHQST6TXDH6ZAV5G","web-design-guidelines","Review UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.","https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fskills\u002Fweb-design-guidelines\u002FSKILL.md",[],[],{"skillNo":113,"name":114,"nameZh":6,"description":115,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":116,"categories":117,"keywords":118,"publishedAt":19},"01M7DDQKADVPZW1Z1HTVKXY542","web-clone","网站复刻 \u002F 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互\u002FWebGL\u002FCanvas\u002FThree.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树，覆盖静态站 \u002F React-Vue-Next 内容站 \u002F WebGL-Canvas 重前端站三大分支，并强制核对任何 AI 二手分析里的可执行代码。","https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fskills\u002Fweb-clone\u002FSKILL.md",[],[]]