PWA 配置 Skill 上线前的安全检查要点
PWA 配置 Skill 的安全审查要点：最小权限、敏感数据、提示注入、输出复核与审计记录，附上线前安全检查清单。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
关于 邮件 HTML 模板 Skill 的 8 个常见问题
关于邮件 HTML 模板智能体 Skill 的 8 个常见问题：和提示词的区别、是否需要编程、平台怎么选、输出能否直接用、数据安全等。适用于前端工程师的日常工作。
阅读全文 →把「页面元信息检查」做成 Claude Code Skill：SKILL.md 写法与上手
在Claude Code Skill上实现页面元信息检查技能：检查页面标题、描述、结构化数据是否完整。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →把「打包体积分析」写成 MCP 服务：工具定义与客户端配置
在MCP 服务上实现打包体积分析技能：分析打包产物，找出过大依赖与重复打包。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →没有智能体平台也能用：「图表组件」纯提示词版本
没有智能体平台也能用的图表组件提示词：角色、任务、输入、步骤、输出与约束齐全，可直接复制到任意对话助手中使用。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →打包体积分析 Skill 如何与其他技能协作：交接格式与顺序
把打包体积分析 Skill 与相关技能串成流水线：组合顺序、交接格式、三种编排方式与示意编排指令，以及链式使用的注意事项。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用 LangGraph 实现「界面微文案」：工具定义与智能体代码
在LangChain / LangGraph 工具上实现界面微文案技能：为按钮、空状态、错误提示写清晰的界面文案。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用 n8n AI Agent 实现「页面结构说明」：流程搭建与工具配置
在n8n AI Agent上实现页面结构说明技能：为前端页面生成结构说明，便于新人理解。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →把「组件文档编写」写成 MCP 服务：工具定义与客户端配置
在MCP 服务上实现组件文档编写技能：为组件编写 Storybook 示例与说明。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →Dify 实战：把落地页搭建做成团队可用的应用
在Dify 工作流上实现落地页搭建技能：根据文案与卖点生成单页落地页代码。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →用 Windsurf Rules 实现「图表组件」：规则与激活方式
在Windsurf Rules上实现图表组件技能：根据数据结构生成可复用的图表组件。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用 n8n AI Agent 实现「接口调用层生成」：流程搭建与工具配置
在n8n AI Agent上实现接口调用层生成技能：根据接口文档生成带类型的前端请求函数。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →