[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71Q3CAHJM8TNHGS60CN1VPG":3,"skill-same:01M71Q3CAHJM8TNHGS60CN1VPG":72},{"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":31,"publishedAt":45,"linkOnly":46,"markdownContent":47,"markdownBody":48,"frontMatter":49,"refName":50,"commitSha":51,"skillDirectory":52,"forksCount":14,"repositoryHtmlUrl":53,"repositoryHomepageUrl":54,"ownerHtmlUrl":55,"ownerBlogUrl":56,"ownerDescription":6,"updatedAt":57,"install":58,"resources":71},"01M71Q3CAHJM8TNHGS60CN1VPG","poster-article",null,"在本博客里写「特稿 \u002F 复盘 \u002F 海报风格」的沉浸式长文时使用，需要章节幕、大字引文、对比双栏、数据卡、编号步骤、多栏卡片等杂志级视觉组件。这些是博客自带的暖色 MDX 组件（@\u002Fcomponents\u002Fposter），亮暗自适应。普通文章用 markdown + `> [!note]` callout 即可，无需本 skill。","zkl2333\u002Fblog","zkl2333","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F18900961?v=4","01M71Q34RJD31C4A4F211BKJ1X","多吃点","01M71Q34SPZ6X1QMK01PT6YW90",0,"MIT","https:\u002F\u002Fgithub.com\u002Fzkl2333\u002Fblog\u002Fblob\u002Fmain\u002F.agent\u002Fskills\u002Fposter-article\u002FSKILL.md",[18,23,26],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000018","写作与文案",{"categoryNo":27,"categoryName":28,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000036","内容创作者","PROFESSION","适用职业",[32,33,34,35,36,37,38,39,40,41,42,43,44],"poster article","article","poster","海报","markdown","数据","callout","博客","note","mdx","components","复盘","文章","2026-11-10 13:02:02",false,"---\nname: poster-article\ndescription: 在本博客里写「特稿 \u002F 复盘 \u002F 海报风格」的沉浸式长文时使用，需要章节幕、大字引文、对比双栏、数据卡、编号步骤、多栏卡片等杂志级视觉组件。这些是博客自带的暖色 MDX 组件（@\u002Fcomponents\u002Fposter），亮暗自适应。普通文章用 markdown + `> [!note]` callout 即可，无需本 skill。\n---\n\n# 博客特稿组件（MDX）\n\n写**沉浸式特稿 \u002F 深度复盘 \u002F 海报风格长文**时，用这套 MDX 组件搭出杂志级排版（章节幕、大字引文、对比双栏、数据卡……）。配色全部跟随博客暖色主题、亮暗自适应。\n\n**什么时候用**：内容偏「叙事 \u002F 复盘 \u002F 拆解」，希望读起来像一篇精心设计的长卷特稿。\n**什么时候不用**：普通技术笔记、短文、日常记录——直接 markdown，框用 `> [!note]` callout 就够了，别套这套组件。\n\n## 两条硬规则\n\n1. **文章必须是 `.mdx`**（不是 `.md`），否则组件不会被解析。\n2. 文件顶部（frontmatter 之后）**一行导入**所有用到的组件：\n   ```mdx\n   import { Lead, Act, Quote, Aside, Vs, Side, Stats, Stat, Steps, Step, Cards, Card } from \"@\u002Fcomponents\u002Fposter\";\n   ```\n\n## MDX 内容书写规则（最容易踩的坑）\n\n- 组件里放**多行 markdown**（`Side` \u002F `Quote` \u002F `Aside` \u002F `Lead` 内部的段落或列表）时，内容要 **前后留空行 + 顶格**（不缩进），否则 markdown 不被解析：\n  ```mdx\n  \u003CSide role=\"老板\">\n\n  - 要点一\n  - 要点二\n\n  \u003C\u002FSide>\n  ```\n- 只放**单行纯文本**的组件（`Step` \u002F `Card` \u002F `Stat` 的内容）可以直接写、不用空行：\n  ```mdx\n  \u003CStep title=\"标题\">一句话描述。\u003C\u002FStep>\n  ```\n\n## 组件速查\n\n| 组件 | props | 用途 |\n|---|---|---|\n| `\u003CLead>…\u003C\u002FLead>` | — | 开篇导语 \u002F 题记（居中、轻） |\n| `\u003CAct no sub>标题\u003C\u002FAct>` | `no` 编号(如 \"01\")、`sub` 副标题 | 章节幕：mono 编号 + 大标题 + Bebas 数字水印 + 副标题 |\n| `\u003CQuote src>金句\u003C\u002FQuote>` | `src` 来源 | 大字 pull quote |\n| `\u003CAside title>…\u003C\u002FAside>` | `title` 标签(默认\"侧记\") | 侧记盒子，标签骑左上角 |\n| `\u003CVs>…\u003C\u002FVs>` | — | 对比双栏容器，内放两个 `\u003CSide>` |\n| `\u003CSide role tone>…\u003C\u002FSide>` | `role` 角色名、`tone=\"win\"\\|\"lose\"` | 双栏的一栏；tone 出 ✓\u002F✗ 与绿\u002F红（用于得失对比） |\n| `\u003CStats>…\u003C\u002FStats>` | — | 数据卡组容器，内放 `\u003CStat>` |\n| `\u003CStat value label danger>` | `value` 大数字、`label` 说明、`danger` 红 | 单张数据卡（value 用 Bebas 大字）；适合**短**数字，长表达式放 label |\n| `\u003CSteps>…\u003C\u002FSteps>` | — | 编号步骤容器（自动 01\u002F02\u002F03） |\n| `\u003CStep title>描述\u003C\u002FStep>` | `title` 小标题 | 单个步骤 |\n| `\u003CCards>…\u003C\u002FCards>` | — | 多栏卡片容器，内放 `\u003CCard>` |\n| `\u003CCard title tone>描述\u003C\u002FCard>` | `title` 标题、`tone=\"up\"\\|\"down\"` | 单张卡片；tone 给标题绿\u002F红 |\n\n## 完整示例（可直接照搬改写）\n\n```mdx\n---\ntitle: \"某产品复盘\"\ndescription: \"一句话摘要。\"\npublishDate: \"2026-06-08\"\n---\n\nimport { Lead, Act, Quote, Aside, Vs, Side, Stats, Stat, Steps, Step, Cards, Card } from \"@\u002Fcomponents\u002Fposter\";\n\n\u003CLead>\n\n用一两句话把读者带入这篇长文的语境与基调。\n\n\u003C\u002FLead>\n\n\u003CAct no=\"01\" sub=\"副标题 · 一句话点题\">第一章标题\u003C\u002FAct>\n\n正文段落照常用 markdown 写，**加粗**、`代码`、[链接](\u002F) 都正常。\n\n\u003CQuote src=\"出处 · 章节\">\n\n被强调的金句，单独立起来。\n\n\u003C\u002FQuote>\n\n\u003CAside title=\"侧记 · 小标题\">\n\n补充性的旁白、轶事，放在盒子里不打断主线。\n\n\u003C\u002FAside>\n\n\u003CAct no=\"02\" sub=\"两难\">核心矛盾\u003C\u002FAct>\n\n\u003CVs>\n\u003CSide role=\"A 方 · 立场\">\n\n- 诉求一\n- 诉求二\n\n\u003C\u002FSide>\n\u003CSide role=\"B 方 · 立场\">\n\n- 诉求一\n- 诉求二\n\n\u003C\u002FSide>\n\u003C\u002FVs>\n\n\u003CStats>\n\u003CStat value=\"300万\" label=\"峰值 DAU\" \u002F>\n\u003CStat value=\"18%\" label=\"次日留存\" danger \u002F>\n\u003CStat value=\"\u003C10%\" label=\"7 日留存\" danger \u002F>\n\u003C\u002FStats>\n\n\u003CSteps>\n\u003CStep title=\"第一步\">一句话描述发生了什么。\u003C\u002FStep>\n\u003CStep title=\"第二步\">一句话描述。\u003C\u002FStep>\n\u003C\u002FSteps>\n\n\u003CCards>\n\u003CCard title=\"▲ 群体甲\" tone=\"up\">他们的诉求与结果。\u003C\u002FCard>\n\u003CCard title=\"▼ 群体乙\" tone=\"down\">他们的诉求与结果。\u003C\u002FCard>\n\u003C\u002FCards>\n\n\u003CAct no=\"03\" sub=\"收束\">结论\u003C\u002FAct>\n\n\u003CVs>\n\u003CSide role=\"可取之处\" tone=\"win\">\n\n- 做对的事一\n- 做对的事二\n\n\u003C\u002FSide>\n\u003CSide role=\"系统性问题\" tone=\"lose\">\n\n- 没做好的事一\n- 没做好的事二\n\n\u003C\u002FSide>\n\u003C\u002FVs>\n\n\u003CQuote src=\"结语\">\n\n最后一句有分量的话，收尾。\n\n\u003C\u002FQuote>\n```\n\n## 提示\n\n- 章节编号 `no` 用**数字**（\"01\"、\"02\"）比罗马数字好看（Bebas 字体下罗马 \"I\" 会变成一根竖线）。\n- `Stat` 的 `value` 用单个短数字（`300万` \u002F `18%` \u002F `\u003C10%`），别塞 `45%→18%` 这种长表达式（大字卡放不下会换行），把过程写进 `label`。\n- 这些组件渲染后会随滚动渐入（已内置），无需额外处理。\n- 想看真实示范：`src\u002Fcontent\u002Fpost\u002Fposter-demo\u002Findex.mdx`（draft）。\n","# 博客特稿组件（MDX）\n\n写**沉浸式特稿 \u002F 深度复盘 \u002F 海报风格长文**时，用这套 MDX 组件搭出杂志级排版（章节幕、大字引文、对比双栏、数据卡……）。配色全部跟随博客暖色主题、亮暗自适应。\n\n**什么时候用**：内容偏「叙事 \u002F 复盘 \u002F 拆解」，希望读起来像一篇精心设计的长卷特稿。\n**什么时候不用**：普通技术笔记、短文、日常记录——直接 markdown，框用 `> [!note]` callout 就够了，别套这套组件。\n\n## 两条硬规则\n\n1. **文章必须是 `.mdx`**（不是 `.md`），否则组件不会被解析。\n2. 文件顶部（frontmatter 之后）**一行导入**所有用到的组件：\n   ```mdx\n   import { Lead, Act, Quote, Aside, Vs, Side, Stats, Stat, Steps, Step, Cards, Card } from \"@\u002Fcomponents\u002Fposter\";\n   ```\n\n## MDX 内容书写规则（最容易踩的坑）\n\n- 组件里放**多行 markdown**（`Side` \u002F `Quote` \u002F `Aside` \u002F `Lead` 内部的段落或列表）时，内容要 **前后留空行 + 顶格**（不缩进），否则 markdown 不被解析：\n  ```mdx\n  \u003CSide role=\"老板\">\n\n  - 要点一\n  - 要点二\n\n  \u003C\u002FSide>\n  ```\n- 只放**单行纯文本**的组件（`Step` \u002F `Card` \u002F `Stat` 的内容）可以直接写、不用空行：\n  ```mdx\n  \u003CStep title=\"标题\">一句话描述。\u003C\u002FStep>\n  ```\n\n## 组件速查\n\n| 组件 | props | 用途 |\n|---|---|---|\n| `\u003CLead>…\u003C\u002FLead>` | — | 开篇导语 \u002F 题记（居中、轻） |\n| `\u003CAct no sub>标题\u003C\u002FAct>` | `no` 编号(如 \"01\")、`sub` 副标题 | 章节幕：mono 编号 + 大标题 + Bebas 数字水印 + 副标题 |\n| `\u003CQuote src>金句\u003C\u002FQuote>` | `src` 来源 | 大字 pull quote |\n| `\u003CAside title>…\u003C\u002FAside>` | `title` 标签(默认\"侧记\") | 侧记盒子，标签骑左上角 |\n| `\u003CVs>…\u003C\u002FVs>` | — | 对比双栏容器，内放两个 `\u003CSide>` |\n| `\u003CSide role tone>…\u003C\u002FSide>` | `role` 角色名、`tone=\"win\"\\|\"lose\"` | 双栏的一栏；tone 出 ✓\u002F✗ 与绿\u002F红（用于得失对比） |\n| `\u003CStats>…\u003C\u002FStats>` | — | 数据卡组容器，内放 `\u003CStat>` |\n| `\u003CStat value label danger>` | `value` 大数字、`label` 说明、`danger` 红 | 单张数据卡（value 用 Bebas 大字）；适合**短**数字，长表达式放 label |\n| `\u003CSteps>…\u003C\u002FSteps>` | — | 编号步骤容器（自动 01\u002F02\u002F03） |\n| `\u003CStep title>描述\u003C\u002FStep>` | `title` 小标题 | 单个步骤 |\n| `\u003CCards>…\u003C\u002FCards>` | — | 多栏卡片容器，内放 `\u003CCard>` |\n| `\u003CCard title tone>描述\u003C\u002FCard>` | `title` 标题、`tone=\"up\"\\|\"down\"` | 单张卡片；tone 给标题绿\u002F红 |\n\n## 完整示例（可直接照搬改写）\n\n```mdx\n---\ntitle: \"某产品复盘\"\ndescription: \"一句话摘要。\"\npublishDate: \"2026-06-08\"\n---\n\nimport { Lead, Act, Quote, Aside, Vs, Side, Stats, Stat, Steps, Step, Cards, Card } from \"@\u002Fcomponents\u002Fposter\";\n\n\u003CLead>\n\n用一两句话把读者带入这篇长文的语境与基调。\n\n\u003C\u002FLead>\n\n\u003CAct no=\"01\" sub=\"副标题 · 一句话点题\">第一章标题\u003C\u002FAct>\n\n正文段落照常用 markdown 写，**加粗**、`代码`、[链接](\u002F) 都正常。\n\n\u003CQuote src=\"出处 · 章节\">\n\n被强调的金句，单独立起来。\n\n\u003C\u002FQuote>\n\n\u003CAside title=\"侧记 · 小标题\">\n\n补充性的旁白、轶事，放在盒子里不打断主线。\n\n\u003C\u002FAside>\n\n\u003CAct no=\"02\" sub=\"两难\">核心矛盾\u003C\u002FAct>\n\n\u003CVs>\n\u003CSide role=\"A 方 · 立场\">\n\n- 诉求一\n- 诉求二\n\n\u003C\u002FSide>\n\u003CSide role=\"B 方 · 立场\">\n\n- 诉求一\n- 诉求二\n\n\u003C\u002FSide>\n\u003C\u002FVs>\n\n\u003CStats>\n\u003CStat value=\"300万\" label=\"峰值 DAU\" \u002F>\n\u003CStat value=\"18%\" label=\"次日留存\" danger \u002F>\n\u003CStat value=\"\u003C10%\" label=\"7 日留存\" danger \u002F>\n\u003C\u002FStats>\n\n\u003CSteps>\n\u003CStep title=\"第一步\">一句话描述发生了什么。\u003C\u002FStep>\n\u003CStep title=\"第二步\">一句话描述。\u003C\u002FStep>\n\u003C\u002FSteps>\n\n\u003CCards>\n\u003CCard title=\"▲ 群体甲\" tone=\"up\">他们的诉求与结果。\u003C\u002FCard>\n\u003CCard title=\"▼ 群体乙\" tone=\"down\">他们的诉求与结果。\u003C\u002FCard>\n\u003C\u002FCards>\n\n\u003CAct no=\"03\" sub=\"收束\">结论\u003C\u002FAct>\n\n\u003CVs>\n\u003CSide role=\"可取之处\" tone=\"win\">\n\n- 做对的事一\n- 做对的事二\n\n\u003C\u002FSide>\n\u003CSide role=\"系统性问题\" tone=\"lose\">\n\n- 没做好的事一\n- 没做好的事二\n\n\u003C\u002FSide>\n\u003C\u002FVs>\n\n\u003CQuote src=\"结语\">\n\n最后一句有分量的话，收尾。\n\n\u003C\u002FQuote>\n```\n\n## 提示\n\n- 章节编号 `no` 用**数字**（\"01\"、\"02\"）比罗马数字好看（Bebas 字体下罗马 \"I\" 会变成一根竖线）。\n- `Stat` 的 `value` 用单个短数字（`300万` \u002F `18%` \u002F `\u003C10%`），别塞 `45%→18%` 这种长表达式（大字卡放不下会换行），把过程写进 `label`。\n- 这些组件渲染后会随滚动渐入（已内置），无需额外处理。\n- 想看真实示范：`src\u002Fcontent\u002Fpost\u002Fposter-demo\u002Findex.mdx`（draft）。\n",{"name":5,"description":7},"main","d9163c63f275e96a6dfe764a2c429f1c85dc0045",".agent\u002Fskills\u002Fposter-article","https:\u002F\u002Fgithub.com\u002Fzkl2333\u002Fblog","https:\u002F\u002Fblog.zkl2333.com","https:\u002F\u002Fgithub.com\u002Fzkl2333","https:\u002F\u002Fwww.zkl2333.com\u002F","2026-11-01 18:20:31",{"source":8,"skillName":5,"commands":59,"prompt":69,"zipAvailable":70},[60,63,66],{"tool":61,"command":62},"npx","npx skills add zkl2333\u002Fblog --skill poster-article",{"tool":64,"command":65},"bunx","bunx skills add zkl2333\u002Fblog --skill poster-article",{"tool":67,"command":68},"pnpm","pnpm dlx skills add zkl2333\u002Fblog --skill poster-article","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fzkl2333\u002Fblog\u002Fblob\u002Fmain\u002F.agent\u002Fskills\u002Fposter-article\u002FSKILL.md",true,[],[73,81,89],{"skillNo":74,"name":5,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":75,"categories":76,"keywords":80,"publishedAt":45},"01M71Q3FDQ6NNPZ5RJNERM0FPS","https:\u002F\u002Fgithub.com\u002Fzkl2333\u002Fblog\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fposter-article\u002FSKILL.md",[77,78,79],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":27,"categoryName":28,"taxonomyType":29,"taxonomyTypeDesc":30},[33,32,34],{"skillNo":82,"name":83,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":84,"categories":85,"keywords":88,"publishedAt":45},"01M71Q3E4F3EH76GHPQKN7SFXF","blog","https:\u002F\u002Fgithub.com\u002Fzkl2333\u002Fblog\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fblog\u002FSKILL.md",[86,87],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":27,"categoryName":28,"taxonomyType":29,"taxonomyTypeDesc":30},[83],{"skillNo":90,"name":83,"nameZh":6,"description":91,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":92,"categories":93,"keywords":99,"publishedAt":45},"01M71Q3718GZFJJD6K47H9HKKY","Write personal blog posts for the user's Astro blog (git repo zkl2333\u002Fblog, deployed to blog.zkl2333.com). This skill ships inside the blog repo (project-level), so the project root IS the blog repo — no cross-machine path discovery needed. Use when the user wants to write a new post, document a project\u002Fexploration, or record a story they've been through. Drives a multi-turn editor-style workflow — interview the user first, plan an outline, draft, iterate on facts and voice, add images, commit. Strongly opposes the \"AI just generates text from scratch\" pattern. See references\u002Finterview.md for the question bank, references\u002Fvoice.md for tone patterns, references\u002Ffrontmatter.md for the schema.","https:\u002F\u002Fgithub.com\u002Fzkl2333\u002Fblog\u002Fblob\u002Fmain\u002F.agent\u002Fskills\u002Fblog\u002FSKILL.md",[94,95,98],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":96,"categoryName":97,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":27,"categoryName":28,"taxonomyType":29,"taxonomyTypeDesc":30},[83,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118],"astro","frontmatter","patterns","git","pattern","write","bank","plan","references","text","commit","workflow","when","question","new","project","exploration","posts","images"]