尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

skills3 完整指南:如何把文档、前端、测试和知识沉淀变成一键操作

skills3 完整指南:如何把文档、前端、测试和知识沉淀变成一键操作 skills3 完整指南如何把文档、前端、测试和知识沉淀变成一键操作【免费下载链接】skillsPublic repository for Agent Skills项目地址: https://gitcode.com/GitHub_Trending/skills3/skillsskills3 是一套全栈开发效率工具集本体是 17 个开箱即用的 Agent 技能目录文档生成、前端脚手架、端到端测试、团队沟通各管一块每块都带可复用的脚本和模板。它适合技术负责人和中级开发者用来把重复的文档、联调、发布工作固化成流程。能力总览skills3 覆盖哪些场景一句话定位技能就是一个文件夹 一套可重复操作目录里是 SKILL.md 说明 脚本 参考资料由 AI Agent 按需加载执行。场景对应技能一句话效果文档产出与格式转换docx / pdf / pptx / xlsx脚本化生成 Office 文件渲染预览 XSD 校验兜底设计稿到页面frontend-design web-artifacts-builder一键初始化 React 18 shadcn/ui 脚手架打包成单文件 HTML主题与视觉一致性theme-factory canvas-design10 套预置主题色值与字体成对应用提交、测试与发布webapp-testing mcp-builder多服务自动拉起Playwright 跑端到端断言数据回流与知识沉淀xlsx internal-comms doc-coauthoring表格、周报、协作文档统一模板化场景A如何自动化文档产出与格式转换交付报告时最耗时的往往不是内容而是排版表格列宽、标题层级、修订记录、批注全靠手调而且 Word 和 Google Docs 里打开还各长各的样子。skills3 的 docx、pdf、pptx、xlsx 四个技能各自带一套脚本分工很清楚生成走 docx-js读取用 pandoc改现有文件就直接拆包操作 XML产出后有固定的校验环节——LibreOffice 渲染成 PDF 目检XSD 校验结构合法性。细节都在 skills/docx/SKILL.md。pdf 技能额外覆盖表单字段提取与填表xlsx 带了公式重算脚本避免二次录入。想试的话打开 docx 技能目录按 SKILL.md 里的校验流程跑一份你自己的旧文档看看渲染结果和原文件是否一致。之前是逐节人工比对之后是渲染一次加校验一条命令。场景B如何从设计稿走到可复用的前端页面设计稿转代码最容易出现模板脸居中布局、紫色渐变、Inter 字体项目换个皮肤都一样设计意图全丢在还原环节。frontend-design 是一套设计评审规则先定颜色、字体、版式的 token 系统写码前强制自问这个选择是不是任何项目都会给的默认答案。落地交给 web-artifacts-builder一条命令初始化 React 18 TypeScript Vite Tailwind 工程预装 40 个 shadcn/ui 组件最后打包成可直接分发的单文件 HTML入口文档见 skills/web-artifacts-builder/SKILL.md。如果产出物是 PPT 或报告这类要统一风格的物料再叠加 theme-factory内置 10 套主题每套含完整色值和字体配对参考 skills/theme-factory/SKILL.md。 之前是每个产出物手工对齐色值字体之后是整组主题套用跨物料风格自然一致。场景C如何配置提交、测试、发布的全自动工作流提交之后要手动起前端、起后端、开浏览器点一遍再截图服务一多光启动顺序和端口冲突就能耗掉半个下午。webapp-testing 的核心是 Playwright 加一个辅助脚本scripts/with_server.py负责多服务的拉起与回收脚本里只写断言逻辑用法见 skills/webapp-testing/SKILL.md同目录 examples/ 里有元素发现、静态页面自动化、控制台日志三个现成样例。要把更多工具接进这条流程用 mcp-builder 生成自己的 MCP server写法参照它 reference/ 下的 python_mcp_server.md。怎么试在技能目录里先跑python scripts/with_server.py --help看参数然后写个最小脚本——起一个本地服务、导航一次、截一张图。之前是手动起服务逐个验证之后是一条命令全跑完。场景D怎么搭建团队知识库与数据回流散在表格和聊天记录里的数据、结论很少能沉淀下来周报每次从头写新人入职找不到统一入口同样的口径反复解释。数据侧由 xlsx 接管它带 office 校验脚本和公式重算脚本表格产出靠脚本兜底而不是人工核对写作侧 internal-comms 内置了状态报告、公司通讯、FAQ 等 4 类内部沟通模板doc-coauthoring 负责共享文档的协作流程。最后的打包分发用 web-artifacts-builder 完成——把知识页面合成单文件 HTML 发给团队即可。怎么试先照着 template/SKILL.md 复制一份把团队的周报格式写成自己的第一个技能再挑一份周报和一张表格走一遍完整流程。之前是每周从零排版之后是选模板、填内容。快速上手三步跑起来克隆仓库git clone https://gitcode.com/GitHub_Trending/skills3/skills在 Claude Code 里把本地仓库注册为插件市场安装 document-skills 与 example-skills 两组之后按名称调用技能即可。挑一个离你最近的场景打开对应 SKILL.md跑它的第一个验证命令比如python skills/webapp-testing/scripts/with_server.py --help。✅不知道从哪下手的话先让把一份旧文档转成 PDF 并校验通过跑起来——这是理解整个技能模型最快的路径。流程跑通后把团队自己的经验按template/SKILL.md的格式写成新技能这套工具才算真正长在你的项目里。【免费下载链接】skillsPublic repository for Agent Skills项目地址: https://gitcode.com/GitHub_Trending/skills3/skills创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表