ui-check-framework

SKILL.md

Create or refine an automated UI self-check system that discovers UI blocks via data-qa tags and enforces behavioral/visual contracts (themes, animations, loading, layout stability, modal usability, error visibility). The framework must scale to new cards, modals, toasts, and actions without writing new test cases each time.

Playwright를 사용하여 웹 UI(React/Vite 또는 일반 HTML)용 확장 가능한 UI 자체 검사 프레임워크를 구축하거나 확장합니다. ui-check 또는 ui-watch 흐름을 추가/업그레이드하고, data-qa/data-testid 검색을 시행하고, 테마/대비 검사, 애니메이션 확인, 상태 머신 검사 로드, 레이아웃 안정성/겹침 검사, 모달 스크롤 규칙을 추가하거나 QA 태깅 표준 및 UI 테스트 명령을 문서화하라는 요청을 받을 때 사용합니다. 출처: yiyousiow000814/xauusd-calendar-agent.

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/yiyousiow000814/xauusd-calendar-agent --skill ui-check-framework 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

원본 보기