mkmaker/responsive-qa

최근 기록된 소스 활동: 2026년 11월 13일 06:03

SkillsMP 카탈로그 업데이트: 2026년 11월 15일 09:53

수집된 skills: 1

GitHub 스타: 0
GitHub 포크: 0

AI 어시스턴트로 설치

이 프롬프트를 복사해 사용 중인 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를 불러오는 중…

게시물

모두 보기 →

Abhishek from Youform

@themkmaker2026년 11월 13일 06:08 UTC

Skill 공개 소식인용 게시물웹사이트 품질 점검

게시물 요약 · 영어

Tests web pages in a real browser at many widths, with touch emulation and Slow 3G, then fixes issues one at a time and keeps before-and-after screenshots.

원문 보기

Skill 자세히 보기 · responsive-qa/skill

이 저장소의 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

수집된 skill 1개 중 1개를 표시합니다.