mkmaker/responsive-qa

最近记录的来源活动: 2026年11月13日 06:03

SkillsMP 收录数据更新: 2026年11月15日 09:53

已收集 skills: 1

GitHub 星标: 0
GitHub Forks: 0

用 AI 助手安装

复制这段 Prompt，发给你正在使用的 AI 助手。

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/mkmaker/responsive-qa.

仓库 README

仓库 README 来源：README.md

查看 README 源文件

展开完整 README

# responsive-qa A skill for Claude Code, Codex and other coding agents. It tests your web pages in a real browser at phone, tablet and desktop sizes, with touch turned on and on a slow 3G connection. Then it fixes what looks broken, one small fix at a time, with a before and after screenshot for each. ## Install ```bash npx skills add mkmaker/responsive-qa ``` The installer asks which agent to add it to. Or with git, for Claude Code: ```bash git clone https://github.com/mkmaker/responsive-qa ~/.claude/skills/responsive-qa ``` ## Use Start your project's dev server, then tell your agent: > responsive qa on the sign-up page Other phrases that trigger it: "test on phones", "test at different widths", "slow 3G test", "mobile check". ## What it checks - Sideways scrolling and things that stick out of the screen - Text that is cut off - Buttons and links too small to tap - Things hidden under a fixed top or bottom bar - Desktop-only hints shown on touch devices - Load time and the heaviest files on Slow 3G and Fast 3G Sizes covered: 280 to 1920 wide, plus a phone held sideways and a short window. ## Needs Node and Puppeteer. If Puppeteer is missing, the skill tells the agent to run `npm i puppeteer` in a scratch folder. To use your installed Chrome, set `CHROME_PATH`. ## Licence MIT

正在加载仓库 README…

这个仓库中的 skills

职业分类待补全

skill

职业分类

描述

更新

responsive-qa

未分类

Test web pages in a real browser at different screen widths, with touch emulation and on a throttled 3G connection, then fix what looks broken or feels off, one small fix at a time, with before and after screenshots. Use when the user says 'responsive qa',…

原文语言：英语

2026-11-13

已展示 1 / 1 个已收集 Skill。

mkmaker/responsive-qa

用 AI 助手安装

仓库 README

相关分享

这个仓库中的 skills

responsive-qa

仓库 README