[{"data":1,"prerenderedAt":244},["ShallowReactive",2],{"content:\u002Fposts\u002F2026\u002Frecommended-skills-for-personal-use":3,"surround:\u002Fposts\u002F2026\u002Frecommended-skills-for-personal-use":233},{"id":4,"title":5,"body":6,"canonical":208,"categories":209,"date":211,"description":212,"draft":213,"extension":214,"image":215,"meta":216,"navigation":217,"path":218,"permalink":208,"readingTime":219,"recommend":208,"references":208,"seo":224,"sitemap":225,"stem":226,"tags":227,"type":208,"updated":231,"__hash__":232},"content\u002Fposts\u002F2026\u002Frecommended-skills-for-personal-use.md","自用 skill 推荐",{"type":7,"value":8,"toc":192},"minimark",[9,13,17,22,40,48,51,54,72,79,89,96,99,102,109,115,118,126,130,145,149,158,161,168,171,188],[10,11,12],"p",{},"虽然现在大模型已经足够强大，一些 skill 也没有必要安装。但是一些特定的场景下使用 skill 还是会有一些帮助。",[14,15,16],"h2",{"id":16},"绘图",[18,19,21],"h3",{"id":20},"logo-生成","logo 生成",[10,23,24,25,30,31,35,36,39],{},"这个推荐 ",[26,27,29],"badge",{"link":28},"https:\u002F\u002Fgithub.com\u002Fs1dashu\u002Fip-as-logo-skill","ip as logo skill"," 会生成极其简单、可爱、适合企业使用的IP吉祥物。用来做 ",[32,33,34],"code",{"code":34},"App 图标"," | ",[32,37,38],{"code":38},"个人品牌 logo"," 很不错。",[10,41,42,43,47],{},"在使用前可以去 ",[26,44,46],{"link":45},"https:\u002F\u002Fipaslogo.com\u002F","ipaslogo.com"," 中看看实际的生成效果。",[18,49,50],{"id":50},"文章插图生成",[10,52,53],{},"这个推荐两个仓库",[55,56,57,65],"ol",{},[58,59,60,64],"li",{},[26,61,63],{"link":62},"https:\u002F\u002Fgithub.com\u002Fhelloianneo\u002Fian-xiaohei-illustrations","ian-xiaohei-illustrations"," 更适合于生成文章中的插图",[58,66,67,71],{},[26,68,70],{"link":69},"https:\u002F\u002Fgithub.com\u002Fadrianpunk\u002FPunk-Skill","Punk-Skill"," 更适合于生成文章|视频的封面图",[73,74,76],"alert",{"title":75},"嘻嘻",[10,77,78],{},"本文的封面和插图都是使用它们生成的，效果还不错吧",[55,80,82],{"start":81},3,[58,83,84,88],{},[26,85,87],{"link":86},"https:\u002F\u002Fgithub.com\u002Fyang0\u002Frongbao-illustrations","Rongbao Illustrations"," 可以自定义个人IP，并结合其他绘图能力创建很棒的内容，比如下面这篇文章中的漫画",[90,91],"link-banner",{"banner":92,"description":93,"link":94,"title":95},"https:\u002F\u002Fbitmc.uno\u002Fpicgo\u002Fip-as-logo-skill-cover.webp","用 AI 做 IP Logo，先学会做减法 ✂️","\u002Fposts\u002F2026\u002Fip-as-logo-skill","AI 做的 Logo 总像插画？试试这个 Skill",[14,97,98],{"id":98},"代码",[18,100,101],{"id":101},"精简代码",[10,103,104,108],{},[26,105,107],{"link":106},"https:\u002F\u002Fgithub.com\u002Fdietrichgebert\u002Fponytail","Ponytail"," 会尽可能的用少的代码来实现功能。",[110,111,112],"blockquote",{},[10,113,114],{},"他什么也不说。他写一行代码。它就能运行。",[18,116,117],{"id":117},"计划阶段",[10,119,120,121,125],{},"在编写代码前，没有人确切知道自己想要什么。在编写代码前使用 ",[26,122,124],{"link":123},"https:\u002F\u002Fgithub.com\u002Fmattpocock\u002Fskills","grill-me"," 行一场“拷问式”会谈——让智能体就你正在构建的内容向你提出详细问题。",[18,127,129],{"id":128},"vue","Vue",[55,131,132,139],{},[58,133,134,138],{},[26,135,137],{"link":136},"https:\u002F\u002Fgithub.com\u002Fvuejs-ai\u002Fskills","vue-best-practices"," 它会遵循 vue 的最佳实践来生成代码。比如 v-for 需要添加 key， 不要给变量添加不必要的 ref 包装 等。",[58,140,141,144],{},[26,142,128],{"link":143},"https:\u002F\u002Fgithub.com\u002Fantfu\u002Fskills"," antfu 出品，无须质疑。",[18,146,148],{"id":147},"react","React",[55,150,151],{},[58,152,153,157],{},[26,154,156],{"link":155},"https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fagent-skills","vercel-react-best-practices"," vercel 官方发布的 skill。",[159,160],"hr",{},[10,162,163,167],{},[26,164,166],{"link":165},"https:\u002F\u002Fwww.skills.sh\u002F","skills"," 中搜集了很多 skill，你可以去这里找找看有什么比较适合的。",[14,169,170],{"id":170},"我的使用流程",[55,172,173,176,182,185],{},[58,174,175],{},"先大概确定这个项目要做什么事，并初始化项目",[58,177,178,179,181],{},"使用 ",[32,180,124],{"code":124}," 提供的 skill 和 ai 进行对话，确定实现的大概框架和约束，并且生成对应的文档。",[58,183,184],{},"根据生成的对应的文档使用计划模式对每一个生成的部分编写计划文档",[58,186,187],{},"根据不同的技术栈选择不同的 skill 进行功能和测试代码生成",[189,190],"pic",{"src":191},"https:\u002F\u002Fbitmc.uno\u002Fpicgo\u002Frecommended-skills-for-personal-use_usage-process.webp",{"title":193,"searchDepth":194,"depth":194,"links":195},"",4,[196,201,207],{"id":16,"depth":197,"text":16,"children":198},2,[199,200],{"id":20,"depth":81,"text":21},{"id":50,"depth":81,"text":50},{"id":98,"depth":197,"text":98,"children":202},[203,204,205,206],{"id":101,"depth":81,"text":101},{"id":117,"depth":81,"text":117},{"id":128,"depth":81,"text":129},{"id":147,"depth":81,"text":148},{"id":170,"depth":197,"text":170},null,[210],"经验分享","2026-08-21 15:30:01","在我这些日子中用到的一些好用的 skill 推荐",false,"md","https:\u002F\u002Fbitmc.uno\u002Fpicgo\u002Frecommended-skills-for-personal-use_cover.webp",{},true,"\u002Fposts\u002F2026\u002Frecommended-skills-for-personal-use",{"text":220,"minutes":221,"time":222,"words":223},"3 min read",2.505,150300,501,{"title":5,"description":212},{"loc":218},"posts\u002F2026\u002Frecommended-skills-for-personal-use",[228,229,230],"skill","Ai","Agent","2026-09-17 18:54:01","CJBPhxGoU64olpWzi_mnSgDxdcPI9kYQJuR8gg6QKuo",[234,239],{"title":235,"path":236,"stem":237,"date":238,"type":208,"children":-1},"Nuxt 静态网站部署到 Cloudflare Pages","\u002Fposts\u002F2026\u002Fdeploy-nuxt-static-site-to-cloudflare-pages","posts\u002F2026\u002Fdeploy-nuxt-static-site-to-cloudflare-pages","2026-08-16 23:42:13",{"title":240,"path":241,"stem":242,"date":243,"type":208,"children":-1},"neat-annotations 介绍","\u002Fposts\u002F2026\u002Fintroduction-to-the-neat-annotations-library","posts\u002F2026\u002Fintroduction-to-the-neat-annotations-library","2026-09-11 16:22:37",1789642584449]