标签：前端与界面

前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。

2026年10月18日 · 智能体Skills · 约 3 分钟

给「页面结构说明」Skill 写测试用例：6 类输入与预期行为

为页面结构说明 Skill 设计 6 类测试输入：正常、缺信息、矛盾、超长、提示注入与越权请求，附预期行为、检查点与判定标准。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。

2026年10月18日 · 智能体Skills · 约 3 分钟

打包体积分析 Skill 一页检查清单：编写时、上线前、每次使用时与使用后的检查项，以及每一步的快速核对。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。

2026年10月18日 · 智能体Skills · 约 5 分钟

在OpenAI Agents SDK上实现打包体积分析技能：分析打包产物，找出过大依赖与重复打包。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。

2026年10月18日 · 智能体Skills · 约 5 分钟

在MCP 服务上实现页面结构说明技能：为前端页面生成结构说明，便于新人理解。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。

2026年10月18日 · 智能体Skills · 约 4 分钟

在Dify 工作流上实现图标规范整理技能：统一项目中的图标来源、尺寸与命名。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。

2026年10月18日 · 智能体Skills · 约 3 分钟

没有智能体平台也能用的设计稿转代码提示词：角色、任务、输入、步骤、输出与约束齐全，可直接复制到任意对话助手中使用。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。

2026年10月18日 · 智能体Skills · 约 3 分钟

介绍邮件 HTML 模板智能体 Skill：它能生成兼容主流邮箱客户端的 HTML 邮件模板，适合哪些人、不适合哪些场景，可在哪些平台实现，以及从提示词到技能包的上手路径。

2026年10月18日 · 智能体Skills · 约 4 分钟

以组件生成为例逐段讲解 SKILL.md：name、description 怎么写才能被正确触发，步骤、输出与约束如何组织，附完整示例与目录结构。适用于前端工程师的日常工作。