webapp-testing
Web 应用程序测试
要测试本地 Web 应用程序,请编写本地 Python Playwright 脚本。
可用的辅助脚本:
scripts/with_server.py- 管理服务器生命周期(支持多个服务器)
始终首先使用 --help 运行脚本以查看用法。在尝试运行脚本并发现绝对必要的定制解决方案之前,不要阅读源代码。这些脚本可能非常大,因此会污染您的上下文窗口。它们的存在是为了直接作为黑盒脚本调用,而不是被摄取到您的上下文窗口中。
决策树:选择您的方法
用户任务 → 它是静态 HTML 吗?
├─ 是 → 直接读取 HTML 文件以识别选择器
│ ├─ 成功 → 使用选择器编写 Playwright 脚本
│ └─ 失败/不完整 → 视为动态(见下文)
│
└─ 否(动态 webapp)→ 服务器是否已经运行?
├─ 否 → 运行:python scripts/with_server.py --help
More from marcelleon/skills-zh
pptx
只要任务与 .pptx 有关(输入、输出或两者都有),就应触发本技能。包括:创建演示文稿、读取提取内容、修改现有模板、合并拆分页面、处理版式/讲稿/批注等。用户提到 deck/slides/presentation 或具体 .pptx 文件时,即便最终用途是摘要或邮件,也应使用本技能。
11xlsx
当用户任务以电子表格文件为核心输入或输出时必须使用本技能。涵盖 .xlsx/.xlsm/.csv/.tsv 的读取、清洗、修复、建模、公式计算、格式化、图表、模板更新与格式转换。用户只要提到某个表格文件路径并要求处理或产出表格,都应触发本技能。若主要交付物不是电子表格(如 Word/HTML/数据库流水线/Google Sheets API 集成),则不应触发。
10frontend-design
创建具有高设计质量的独特、生产级前端界面。当用户要求构建 Web 组件、页面、工件、海报或应用程序时使用此技能(示例包括网站、落地页、仪表板、React 组件、HTML/CSS 布局,或为任何 Web UI 设置样式/美化时)。生成富有创意、精美的代码和 UI 设计,避免通用的 AI 美学。
10slack-gif-creator
用于创建针对 Slack 优化的动画 GIF 的知识和实用工具。提供约束、验证工具和动画概念。当用户请求 Slack 的动画 GIF 时使用,例如"为 Slack 制作一个 X 做 Y 的 GIF"。
9pdf
只要任务涉及 PDF 输入或输出,就应优先使用本技能。包括:读取/抽取文本与表格、合并拆分、旋转页面、加水印、创建新 PDF、填写表单、加解密、提取图片、扫描件 OCR 等。用户提到 `.pdf` 文件名或要求交付 PDF 时都应触发。
8canvas-design
使用设计哲学创建精美的 .png 和 .pdf 文档视觉艺术。当用户要求创建海报、艺术作品、设计或其他静态作品时,您应该使用此技能。创建原创的视觉设计,绝不复制现有艺术家的作品以避免侵犯版权。
8