用 Dify 工作流实现「页面结构说明」：节点设计与搭建步骤
在Dify 工作流上实现页面结构说明技能：为前端页面生成结构说明，便于新人理解。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
浏览器兼容检查 通用提示词模板：任何对话助手都能直接用
没有智能体平台也能用的浏览器兼容检查提示词：角色、任务、输入、步骤、输出与约束齐全，可直接复制到任意对话助手中使用。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →怎么评估「页面元信息检查」Skill 好不好用：评分表与回归测试
评估页面元信息检查 Skill 是否好用：建立样例集，按完整性、准确性、流程遵循、边界处理与可用性打分，并做回归测试。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →接口调用层生成 Skill 效果评估方法：样例集、评分维度与迭代
评估接口调用层生成 Skill 是否好用：建立样例集，按完整性、准确性、流程遵循、边界处理与可用性打分，并做回归测试。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →把「表单校验」写成 MCP 服务：工具定义与客户端配置
在MCP 服务上实现表单校验技能：为表单生成前后端一致的校验规则与错误提示。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →浏览器兼容检查 Skill 定制指南：改风格、改阈值、改输出格式
按团队需求定制浏览器兼容检查 Skill：输出格式、详略、语气、严格程度与步骤怎么调，附 description 与步骤的改写示例。适用于前端工程师的日常工作。
阅读全文 →组件文档编写 Skill 两种写法对比：五行提示词还是完整技能包
组件文档编写 Skill 的极简版与进阶版对比：五行提示词与完整技能包各自适合什么情况，什么时候该升级，附示例与对比表。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →「设计稿转代码」Skill 不生效怎么办：症状、原因与排查步骤
设计稿转代码 Skill 不触发、误触发、跳步骤、格式不稳、内容编造或工具失败时怎么办：症状对照表与排查顺序。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →响应式检查 Skill 定制指南：改风格、改阈值、改输出格式
按团队需求定制响应式检查 Skill：输出格式、详略、语气、严格程度与步骤怎么调，附 description 与步骤的改写示例。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →邮件 HTML 模板 Skill 效果评估方法：样例集、评分维度与迭代
评估邮件 HTML 模板 Skill 是否好用：建立样例集，按完整性、准确性、流程遵循、边界处理与可用性打分，并做回归测试。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用 Gemini CLI 做页面性能优化：命令文件与 GEMINI.md 配合
在Gemini CLI上实现页面性能优化技能：针对加载与交互性能指标给出优化方案。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →在 Claude 应用里启用「样式清理」Skill：打包、上传与使用
在Claude 应用中的 Skills上实现样式清理技能：找出未使用和重复的样式规则。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →