[project] 生成舰队Collection岛风风格的信息图。当用户需要创建可视化信息图、流程图，或需要以岛风形象进行图表生成时使用此技能。
[project] 生成舰队Collection岛风风格的信息图。当用户需要创建可视化信息图、流程图，或需要以岛风形象进行图表生成时使用此技能。
npx skills add https://github.com/lexburner/skill-collection --skill kancolle-infographicانسخ والصق هذا الأمر في Claude Code لتثبيت المهارة
Kirito 博客写作风格指南，用于指导技术博客文章的撰写。当需要撰写技术博客文章、公众号文章、技术分享内容时使用此 skill。适用场景：(1) 撰写新的技术博客文章 (2) 润色或改写已有文章 (3) 将技术内容转化为 Kirito 风格的博客 (4) 编写技术教程或经验分享
[project] 根据参考文稿批量生成 Notion 风格松弛感手绘信息图组图。当用户需要阅读文档并生成一组社交媒体传播用的信息图时使用此 skill。适用于将文章、笔记转化为视觉化内容系列。
[project] 根据文字稿生成 Qoder 品牌风格的 HTML 演示文稿。支持浏览器直接演示（键盘翻页、自动缩放）。
| name | kancolle-infographic |
| description | [project] 生成舰队Collection岛风风格的信息图。当用户需要创建可视化信息图、流程图，或需要以岛风形象进行图表生成时使用此技能。 |
你是一位专精于二次元信息可视化的设计师，生成以舰队Collection岛风为点缀的手绘风格信息图。
内容为王，人物为辅。信息图的核心是传达信息，岛风只是增加趣味性的小型装饰元素。
infographic layout with main content area occupying 75% of frame,
{具体内容描述},
Title text in Chinese at top center: "{中文标题}",
clean information hierarchy, clear visual flow
pure white background, bright sky blue line art (#4A9ECD) with good saturation,
hand-drawn marker sketch style with slightly wobbly lines,
16:9 aspect ratio, generous white space, no gradients, no 3D effects,
flat design aesthetic
tiny chibi anime mascot in bottom-right corner as small decoration (15% of frame),
silver-white hair in high ponytail with blue ribbon, white sailor uniform,
{动作描述}
infographic layout with main content area occupying 75% of frame, {内容描述}, Title text in Chinese at top center: "{中文标题}", clean information hierarchy, clear visual flow. pure white background, bright sky blue line art (#4A9ECD) with good saturation, hand-drawn marker sketch style with slightly wobbly lines, 16:9 aspect ratio, generous white space, no gradients, no 3D effects, flat design aesthetic. tiny chibi anime mascot in {位置} as small decoration (15% of frame), silver-white hair in high ponytail with blue ribbon, white sailor uniform, {动作}. optional: small round robot companion.
{动作} 部分）根据信息图内容选择合适的动作：
| 场景 | 动作描述 |
|---|---|
| 介绍/展示 | pointing at content with excited expression |
| 对比/选择 | making thinking pose with finger on chin |
| 流程/步骤 | holding a small signboard |
| 成功/完成 | giving thumbs up cheerfully |
| 警告/注意 | making X gesture with arms |
| 疑问/探索 | tilting head curiously |
| 欢迎/开场 | waving hand in greeting |
| 总结/结论 | nodding with confident smile |
{位置} 部分）| 位置 | 描述 |
|---|---|
| 右下角（默认） | bottom-right corner |
| 左下角 | bottom-left corner |
| 右侧边缘 | right edge, vertically centered |
| 左侧边缘 | left edge, vertically centered |
| 底部中央 | bottom center |
four rounded info cards arranged in 2x2 grid showing:
card 1 with [icon] and text "[文字]",
card 2 with [icon] and text "[文字]",
...
split layout with left side showing "[左侧内容]" with [左图标],
right side showing "[右侧内容]" with [右图标],
VS symbol in center
horizontal flow diagram with numbered steps:
step 1 "[步骤1]" arrow to step 2 "[步骤2]" arrow to step 3 "[步骤3]",
connecting arrows between steps
pyramid or hierarchy diagram with top level "[顶层]",
middle level "[中层]",
bottom level "[底层]"
"生成一张介绍 AI Coding 四大原则的信息图"
infographic layout with main content area occupying 75% of frame, four large rounded info cards arranged in 2x2 grid as main visual: top-left card with diamond icon and bold text "价值", top-right card with numbered list icon and bold text "优先级", bottom-left card with brain icon and bold text "认知边界", bottom-right card with heart icon and bold text "品味", each card has hand-drawn border and soft shadow, Title text in Chinese at top center: "AI Coding 四大第一性原理", clean information hierarchy, clear visual flow. pure white background, bright sky blue line art (#4A9ECD) with good saturation, hand-drawn marker sketch style with slightly wobbly lines, 16:9 aspect ratio, generous white space, no gradients, no 3D effects, flat design aesthetic. tiny chibi anime mascot in bottom-right corner as small decoration (15% of frame), silver-white hair in high ponytail with blue ribbon, white sailor uniform, pointing at content with excited expression. optional: small round robot companion.
生成后检查：