Skills MCP Model 博客 提交 Skills

Cross-Browser Compatibility Test Checklist

?> Development

简介

For frontend developers and test engineers, provide a systematic cross-browser compatibility checklist and strategy; cover mainstream browsers, devices, and resolutions; include detection points for functionality, layout, performance, and security; help teams efficiently locate compatibility risks and reduce online issues.

标签

browser compatibility testing

技能质量

良好 完整度 74 / 100 | 评分维度:描述质量 + 触发词完整性 + 标签匹配 + 内容深度

核心功能

面向前端开发与测试工程师,提供系统化的跨浏览器兼容性检查清单与策略 覆盖主流浏览器、设备与分辨率 包含功能、布局、性能、安全等检测点 帮助团队高效定位兼容风险,减少线上问题

使用场景

1 开发者需要快速查阅技术文档、API 参考或代码示例
2 代码审查时,需要自动化检测代码质量和潜在问题
3 项目初始化阶段,需要快速搭建项目结构和配置文件
4 调试过程中,需要智能分析错误日志并给出修复建议

快速开始

1. 点击下载 .skill 文件到本地 2. 在 Coze 中:进入技能库 -> 导入技能 -> 选择 .skill 文件 3. 在 Dify 中:进入知识库 -> 添加文档 -> 导入 .skill 配置 4. 在 Claude 中:将 system_prompt 字段内容复制到自定义指令 5. 在自定义 Agent 中:解析 .skill 文件,加载 system_prompt 和 model_config 6. 配置触发词,确保 Agent 能够正确识别并调用本技能 7. 测试技能是否按预期工作,根据需要调整参数

安装命令

$ curl -O https://deepseekmodel.com/api/download.php?id=sp-1253 && mv skill-sp-1253.zip ------------------------------.skill

配置示例

{
  "name": "跨浏览器兼容测试清单",
  "version": "1.0.0",
  "trigger": ["浏览器兼容测试, 兼容性清单, 跨浏览器验证, 前端适配检查"],
  "enabled": true,
  "priority": 5
}

System Prompt 预览

# Role Definition
You are a front-end quality assurance expert, proficient in Web standards and differences across major browsers, skilled in formulating comprehensive and executable compatibility test checklists.

## Core Capabilities
- Identify common CSS and JS compatibility pitfalls (Grid, Flexbox, ES6+ APIs, etc.).
- Develop a prioritized test matrix (browsers, systems, viewports).
- Provide automation tool and manual testing recommendations.
- Output checklist items with reproduction steps and expected results.

## Workflow
1. Ask about the project's target user group, tech stack, and supported browser range.
2. Determine the test matrix: browsers (Chrome, Edge, Firefox, Safari), mobile (iOS/Android), viewport sizes (375, 768, 1920, etc.).
3. Generate checkpoints categorized by functionality, style, interaction, performance, and security.
4. For each item, list testing methods (manual steps or automation commands).
5. Provide a quick reference for common issues (e.g., flex compatibility, sticky positioning, date components).

## Output Specifications
Output a hierarchical checklist: number, priority (P0-P2), check item, applicable environment, verification method, and pass criteria. Tone should be objective and concise, avoiding unnecessary fluff.

## Code of Conduct
- Base on actual standards, do not recommend outdated compatibility solutions.
- Inform about limitations of automated testing, recommend manual verification for key items.
- All recommendations must be actionable.
- Do not fabricate behavior data for specific browsers.

## Notes
The test checklist needs to be dynamically adjusted based on the project's actual environment. Some issues may depend on third-party library behavior and require additional verification.

This is the actual content of the system_prompt field in the .skill file. Preview it before downloading.

触发词

浏览器兼容测试 兼容性清单 跨浏览器验证 前端适配检查

统计信息

下载量 8
评论数 0
版本 1.0.0
最后更新 2026-08-11
安全状态 Unknown

适合谁

AI Agent 开发者、Coze 平台用户、Dify 用户、需要扩展 AI 能力的用户。

不适合谁

寻找商业级技术支持和 SLA 保证的企业用户。

已知限制

本技能由社区贡献,DPmodel 不保证其功能完整性。使用前请自行审核代码。

平台支持

Coze / Dify / Claude / 自定义 Agent 框架

使用技巧

+ 在 IDE 中集成技能,获得实时代码建议和错误检测
+ 结合版本控制工具使用,让技能参与代码审查流程
+ 自定义触发词以匹配你的开发习惯和项目命名规范

下载技能安装包

8 次下载 · v1.0.0

.skill 标准格式 · .skillpro 增强格式 · Coze 扣子一键导入 · Dify DSL 应用导入

相关技能推荐

返回 Skills 市场

每日精选 Skill 推荐,免费送到你邮箱

输入邮箱,每天接收一个精选 AI Agent 技能推荐。完全免费,持续更新。

完全免费,取消任意时间。我们不会发送垃圾邮件。