尧图网页设计 
Skills 完整指南17 个现成 AI 技能把文档、表格、幻灯片和网页测试交给 Claude【免费下载链接】skillsPublic repository for Agent Skills项目地址: https://gitcode.com/GitHub_Trending/skills3/skills周五晚上你还欠客户一份提案Word 表格错位、Excel 公式冒出 #REF!、PPT 在 PowerPoint 里打不开。这些活如果能交给一位懂格式的 AI 同事你只需要说按模板生成——开源仓库 Skills 就是为此而生的它是 Anthropic 官方出品的一组智能体技能Agent Skills每个技能就是一个文件夹教会 Claude 稳定完成 Word、PDF、PowerPoint、Excel、网页测试等专项任务适合日常使用 AI 的开发者和技术负责人直接取用。一句话定位装进 Claude 的岗位操作手册一个技能就是一个文件夹主文件 SKILL.md 写清什么时候用、怎么做旁边可以带 scripts/可直接执行的脚本、references/按需读取的参考文档、assets/模板、字体等素材。Claude 平时只在上下文里保留技能的名字和描述约 100 词任务匹配时才读完整指令真正需要时再执行捆绑脚本——这种三级加载让上下文保持精简又让复杂任务跑得完整写法可以照着 技能模板 和 规范说明 走。仓库里的 17 个技能大致分四类类别技能管什么事办公文档docx、pdf、pptx、xlsx创建、编辑、读取 Word / PDF / PowerPoint / Excel这 4 个正是驱动 Claude 线上文档功能的生产级实现开发工程webapp-testing、mcp-builder、claude-api、skill-creator网页自动化测试、MCP 服务器开发、多语言 API 参考、以及造技能本身视觉设计frontend-design、canvas-design、theme-factory、brand-guidelines、algorithmic-art、slack-gif-creator页面设计方向、主题色板、品牌规范、生成艺术、GIF 动画写作协作doc-coauthoring、internal-comms、web-artifacts-builder规格/提案的三阶段共写、内部沟通模板、网页工件打包其中四个文档技能是源码开放source-available的生产代码细节最扎实其余为 Apache 2.0 开源可自由模仿和改造。合同红线回来之后一份干净又合规的 Word — docx以前把合同草稿发给法务、拿回修订版最头疼的是 Word 会把一段文字拆成几十个碎片修订编号、拼写标记在 XML 里搜一个短语经常一无所获。docx 技能 的做法是用 merge_runs.py 先把相邻同格式的文字片段合并短语就能被搜到加修订批注本来要手工维护 6 个互相引用的 XML 文件comment.py 一条命令全部生成并自动分配编号要全部接受的干净版accept_changes.py 一次产出。它靠什么做到不乱格式新建文档走脚本生成已有文档解压后直接编辑 word/document.xml 再重新打包期间不重排、不美化 XML写完自动转 PDF 并逐页渲染出来看一眼validate.py 还会跑 XSD 校验--auto-repair 能顺手修掉常见的模式错误。你省掉的是半夜翻 XML 的时间换来的是在 Word 和 Google Docs 里都能正常打开的交付物。报表交出去之前让公式错误先在你手里暴露 — xlsx以前写完财务模型老板一打开才发现 H23 是 #NAME?还得追回来改。xlsx 技能 定了一条硬规矩凡是含公式的文件交付前必须跑 scripts/recalc.py——LibreOffice 重算全部公式直接返回 JSON告诉你错误总数和出错单元格的位置修完再跑一遍直到清零。它还内置了一份踩坑清单XLOOKUP、FILTER 这类新函数在运行环境里只会填充左上角一个单元格且看起来零报错应改用 INDEX/MATCH6 个 2007 年后的新函数必须带 _xlfn. 前缀否则写进文件的就是 #NAME?。对财务模型它甚至规定了行业配色惯例蓝色是手填输入、黑色是公式、绿色是跨表引用、关键假设加黄底且每个假设单独放一格再被公式引用——别人接手时一眼就能分清哪些能动、哪些不能动。你省下的是交付后第一版被打回的往返成本。做完 30 页幻灯片让 PowerPoint 不再报文件已损坏 — pptx以前用生成库出图其他工具都能打开、XSD 也校验通过唯独 PowerPoint 拒绝显示某张图表——原因藏得很深。pptx 技能 把这条弯路踩成了检查项validate.py 专门针对这些会让 PowerPoint 拒收的缺陷做检查并且每条失败都附带修法基于模板做的片子加 --original 参数以模板自身为基线模板自带的错误不会算到你头上。流程也被标准化了先跑 thumbnail.py 把模板每一页渲成缩略图网格来挑版式用 add_slide.py 复制幻灯片手工拷贝 slide 文件会漏掉注册项删完页再跑 clean.py 清掉孤儿资源最后转成图片逐页做视觉质检——文本溢出、元素重叠、残留占位文字都在检查清单上。附带的还有 10 套按主题配好的色板以及一份别做出一眼 AI 感的设计清单不放标题下的装饰线、不加贯穿幻灯片的色条、不用千篇一律的默认蓝。页面要验证时本地点一遍留下截图和日志 — webapp-testing以前每次验证页面得自己起服务、开浏览器、手动点、再翻控制台找报错下次换个版本再来一遍。webapp-testing 技能 用一棵决策树告诉你怎么动手静态 HTML 就直接读文件找选择器动态应用先用 scripts/with_server.py 把后端和前端一起拉起来测完进程自动清理支持一条命令挂多个服务。剩下交给 Playwright先导航、等 networkidle、截图或查 DOM 摸清选择器再执行操作。你省下的是起服务、刷页面的琐碎动作换来的是每次都能复现的测试记录。想把这套流程留住把它打包成技能 — skill-creator这是造技能的技能。一个任务你手动跑通一次不必每次都重新解释一遍照 模板 建文件夹frontmatter 只填 name 和 description 两个字段description 决定 Claude 会不会想起用它正文写清步骤即可。skill-creator 再提供一整套闭环从真实措辞生成测试用例带技能 vs 不带技能两条线并行跑generate_review.py 在浏览器里打开评审页一个标签页看产出、一个标签页看通过率、耗时和 token 用量的基准对比description 写得好不好用 run_loop.py 拿 20 条该触发/不该触发的查询做 A/B从留出集里挑最优表述最后 package_skill.py 把整个文件夹打包成 .skill 文件供安装。上面四个文档技能本身就是这条流水线跑出来的产物。一个项目周期这些技能是这样串起来的想象一个发布周周一收到一份扫描件合同pdf 技能按页提取表格、OCR 成可搜索文本周二用 xlsx 生成季度报表docx 导出摘要周三按客户模板填 pptx 并逐页过视觉质检周四上线前让 webapp-testing 把新页面点一遍、留好截图周五把刚跑通的季度报表流程打包成技能下季度换个日期就能复用。每个环节都是独立技能串起来的主线只有一条把熟练工的做法变成 Claude 读得懂的东西。效果集中看定性口径来自技能自带机制任务传统做法的坑对应技能做了什么Word 修订批注6 个互相引用的 XML 文件漏一个就乱一条命令全量生成编号自动分配Excel 公式检查交付后才知道哪里有错recalc.py 交付前输出全部出错单元格做幻灯片损坏文件、占位文字残留难排查validate.py 定位故障并给出修法缩略图网格纵览模板网页验证手动点击报错靠记忆Playwright 自动执行截图与日志留档写新技能描述写得好不好全凭感觉触发 A/B 测试 留出集择优打包 .skill 安装以上属于技能自己承诺的机制实际省下的时间因任务而异建议以你自己前几轮运行做基线。行动指南三步开始用在 Claude Code 里装官方技能包/plugin marketplace add anthropics/skills /plugin install document-skillsanthropic-agent-skills装完可以直接说用 PDF 技能提取 xxx.pdf 的表单字段想浏览全部示例就改装 example-skills。Claude.ai 付费计划和 Claude API 也提供同一套预置技能。本地通读一遍git clone https://gitcode.com/GitHub_Trending/skills3/skills然后按顺序看 skills/ 目录——每个 SKILL.md 里的坑位提示和校验脚本都值得抄进你的工作流。写你的第一个技能复制 template/SKILL.mdfrontmatter 只填 name 和 description想验证质量就用 skill-creator 跑一轮测试闭环。完整字段定义见 spec/agent-skills-spec.md。写在最后技能的价值不在于比你会做而在于把团队里最熟那个人的工作习惯——踩过的坑、现成的脚本、验收的清单——变成一个文件夹让 Claude 照着执行。从 document-skills 装起先把这周的格式活变成一句话任务等一句话任务攒够了一批团队效率的下限就不再由最不熟悉的那个人决定。【免费下载链接】skillsPublic repository for Agent Skills项目地址: https://gitcode.com/GitHub_Trending/skills3/skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 Skills 完整指南：17 个现成 AI 技能，把文档、表格、幻灯片和网页测试交给 Claude
Skills 完整指南17 个现成 AI 技能把文档、表格、幻灯片和网页测试交给 Claude【免费下载链接】skillsPublic repository for Agent Skills项目地址: https://gitcode.com/GitHub_Trending/skills3/skills周五晚上你还欠客户一份提案Word 表格错位、Excel 公式冒出 #REF!、PPT 在 PowerPoint 里打不开。这些活如果能交给一位懂格式的 AI 同事你只需要说按模板生成——开源仓库 Skills 就是为此而生的它是 Anthropic 官方出品的一组智能体技能Agent Skills每个技能就是一个文件夹教会 Claude 稳定完成 Word、PDF、PowerPoint、Excel、网页测试等专项任务适合日常使用 AI 的开发者和技术负责人直接取用。一句话定位装进 Claude 的岗位操作手册一个技能就是一个文件夹主文件 SKILL.md 写清什么时候用、怎么做旁边可以带 scripts/可直接执行的脚本、references/按需读取的参考文档、assets/模板、字体等素材。Claude 平时只在上下文里保留技能的名字和描述约 100 词任务匹配时才读完整指令真正需要时再执行捆绑脚本——这种三级加载让上下文保持精简又让复杂任务跑得完整写法可以照着 技能模板 和 规范说明 走。仓库里的 17 个技能大致分四类类别技能管什么事办公文档docx、pdf、pptx、xlsx创建、编辑、读取 Word / PDF / PowerPoint / Excel这 4 个正是驱动 Claude 线上文档功能的生产级实现开发工程webapp-testing、mcp-builder、claude-api、skill-creator网页自动化测试、MCP 服务器开发、多语言 API 参考、以及造技能本身视觉设计frontend-design、canvas-design、theme-factory、brand-guidelines、algorithmic-art、slack-gif-creator页面设计方向、主题色板、品牌规范、生成艺术、GIF 动画写作协作doc-coauthoring、internal-comms、web-artifacts-builder规格/提案的三阶段共写、内部沟通模板、网页工件打包其中四个文档技能是源码开放source-available的生产代码细节最扎实其余为 Apache 2.0 开源可自由模仿和改造。合同红线回来之后一份干净又合规的 Word — docx以前把合同草稿发给法务、拿回修订版最头疼的是 Word 会把一段文字拆成几十个碎片修订编号、拼写标记在 XML 里搜一个短语经常一无所获。docx 技能 的做法是用 merge_runs.py 先把相邻同格式的文字片段合并短语就能被搜到加修订批注本来要手工维护 6 个互相引用的 XML 文件comment.py 一条命令全部生成并自动分配编号要全部接受的干净版accept_changes.py 一次产出。它靠什么做到不乱格式新建文档走脚本生成已有文档解压后直接编辑 word/document.xml 再重新打包期间不重排、不美化 XML写完自动转 PDF 并逐页渲染出来看一眼validate.py 还会跑 XSD 校验--auto-repair 能顺手修掉常见的模式错误。你省掉的是半夜翻 XML 的时间换来的是在 Word 和 Google Docs 里都能正常打开的交付物。报表交出去之前让公式错误先在你手里暴露 — xlsx以前写完财务模型老板一打开才发现 H23 是 #NAME?还得追回来改。xlsx 技能 定了一条硬规矩凡是含公式的文件交付前必须跑 scripts/recalc.py——LibreOffice 重算全部公式直接返回 JSON告诉你错误总数和出错单元格的位置修完再跑一遍直到清零。它还内置了一份踩坑清单XLOOKUP、FILTER 这类新函数在运行环境里只会填充左上角一个单元格且看起来零报错应改用 INDEX/MATCH6 个 2007 年后的新函数必须带 _xlfn. 前缀否则写进文件的就是 #NAME?。对财务模型它甚至规定了行业配色惯例蓝色是手填输入、黑色是公式、绿色是跨表引用、关键假设加黄底且每个假设单独放一格再被公式引用——别人接手时一眼就能分清哪些能动、哪些不能动。你省下的是交付后第一版被打回的往返成本。做完 30 页幻灯片让 PowerPoint 不再报文件已损坏 — pptx以前用生成库出图其他工具都能打开、XSD 也校验通过唯独 PowerPoint 拒绝显示某张图表——原因藏得很深。pptx 技能 把这条弯路踩成了检查项validate.py 专门针对这些会让 PowerPoint 拒收的缺陷做检查并且每条失败都附带修法基于模板做的片子加 --original 参数以模板自身为基线模板自带的错误不会算到你头上。流程也被标准化了先跑 thumbnail.py 把模板每一页渲成缩略图网格来挑版式用 add_slide.py 复制幻灯片手工拷贝 slide 文件会漏掉注册项删完页再跑 clean.py 清掉孤儿资源最后转成图片逐页做视觉质检——文本溢出、元素重叠、残留占位文字都在检查清单上。附带的还有 10 套按主题配好的色板以及一份别做出一眼 AI 感的设计清单不放标题下的装饰线、不加贯穿幻灯片的色条、不用千篇一律的默认蓝。页面要验证时本地点一遍留下截图和日志 — webapp-testing以前每次验证页面得自己起服务、开浏览器、手动点、再翻控制台找报错下次换个版本再来一遍。webapp-testing 技能 用一棵决策树告诉你怎么动手静态 HTML 就直接读文件找选择器动态应用先用 scripts/with_server.py 把后端和前端一起拉起来测完进程自动清理支持一条命令挂多个服务。剩下交给 Playwright先导航、等 networkidle、截图或查 DOM 摸清选择器再执行操作。你省下的是起服务、刷页面的琐碎动作换来的是每次都能复现的测试记录。想把这套流程留住把它打包成技能 — skill-creator这是造技能的技能。一个任务你手动跑通一次不必每次都重新解释一遍照 模板 建文件夹frontmatter 只填 name 和 description 两个字段description 决定 Claude 会不会想起用它正文写清步骤即可。skill-creator 再提供一整套闭环从真实措辞生成测试用例带技能 vs 不带技能两条线并行跑generate_review.py 在浏览器里打开评审页一个标签页看产出、一个标签页看通过率、耗时和 token 用量的基准对比description 写得好不好用 run_loop.py 拿 20 条该触发/不该触发的查询做 A/B从留出集里挑最优表述最后 package_skill.py 把整个文件夹打包成 .skill 文件供安装。上面四个文档技能本身就是这条流水线跑出来的产物。一个项目周期这些技能是这样串起来的想象一个发布周周一收到一份扫描件合同pdf 技能按页提取表格、OCR 成可搜索文本周二用 xlsx 生成季度报表docx 导出摘要周三按客户模板填 pptx 并逐页过视觉质检周四上线前让 webapp-testing 把新页面点一遍、留好截图周五把刚跑通的季度报表流程打包成技能下季度换个日期就能复用。每个环节都是独立技能串起来的主线只有一条把熟练工的做法变成 Claude 读得懂的东西。效果集中看定性口径来自技能自带机制任务传统做法的坑对应技能做了什么Word 修订批注6 个互相引用的 XML 文件漏一个就乱一条命令全量生成编号自动分配Excel 公式检查交付后才知道哪里有错recalc.py 交付前输出全部出错单元格做幻灯片损坏文件、占位文字残留难排查validate.py 定位故障并给出修法缩略图网格纵览模板网页验证手动点击报错靠记忆Playwright 自动执行截图与日志留档写新技能描述写得好不好全凭感觉触发 A/B 测试 留出集择优打包 .skill 安装以上属于技能自己承诺的机制实际省下的时间因任务而异建议以你自己前几轮运行做基线。行动指南三步开始用在 Claude Code 里装官方技能包/plugin marketplace add anthropics/skills /plugin install document-skillsanthropic-agent-skills装完可以直接说用 PDF 技能提取 xxx.pdf 的表单字段想浏览全部示例就改装 example-skills。Claude.ai 付费计划和 Claude API 也提供同一套预置技能。本地通读一遍git clone https://gitcode.com/GitHub_Trending/skills3/skills然后按顺序看 skills/ 目录——每个 SKILL.md 里的坑位提示和校验脚本都值得抄进你的工作流。写你的第一个技能复制 template/SKILL.mdfrontmatter 只填 name 和 description想验证质量就用 skill-creator 跑一轮测试闭环。完整字段定义见 spec/agent-skills-spec.md。写在最后技能的价值不在于比你会做而在于把团队里最熟那个人的工作习惯——踩过的坑、现成的脚本、验收的清单——变成一个文件夹让 Claude 照着执行。从 document-skills 装起先把这周的格式活变成一句话任务等一句话任务攒够了一批团队效率的下限就不再由最不熟悉的那个人决定。【免费下载链接】skillsPublic repository for Agent Skills项目地址: https://gitcode.com/GitHub_Trending/skills3/skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考