Systematically audit and remediate accessibility issues in UI, focusing on keyboard navigation, screen reader support, color contrast, semantic HTML, ARIA usage, and motion sensitivity. Use when the user wants to improve accessibility, make a component accessible, fix WCAG violations, add keyboard support, or ensure screen reader compatibility.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
aladicf/better-react-web-ui☆ 42026년 9월 8일 업데이트
Simulate keyboard input in PlayMode through Unity Input System. Use for key presses, holds, releases, and game controls such as WASD or Space.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
41h0-siro/cedec2026-lt-ai-ui-workflow☆ 42026년 7월 23일 업데이트
Build accessible web applications following WCAG 2.1/2.2 guidelines with proper semantic HTML, ARIA attributes, keyboard navigation, screen reader support, and inclusive design. Use when implementing ARIA labels and roles, ensuring keyboard navigation, supporting screen readers, providing text alternatives for images, managing focus, creating accessible forms, building inclusive UI components, testing with accessibility tools, meeting WCAG compliance levels, or designing for users with disabilities.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fabric-Pro/fabric-oss☆ 32026년 10월 21일 업데이트
Audits and implements web accessibility (a11y) following WCAG 2.1 guidelines with ARIA patterns, keyboard navigation, screen reader support, and contrast checking. Use when users request "accessibility audit", "a11y review", "WCAG compliance", "screen reader support", or "keyboard navigation".
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
sathishssj3/Stereix-Engine☆ 22026년 10월 4일 업데이트
OpenClaw 공식무료요약 있음AI 평가 100점 macOS 화면을 확인하고 대상 앱이나 창을 지정해 클릭, 문자 입력, 키 조작 등을 수행합니다. 조작 전후 화면을 살펴 요청한 결과도 확인합니다.
- macOS 화면 스크린샷 저장
- 지정한 창에서 문자 입력
- 조작 후 화면 확인
openclaw/openclaw☆ 39.3만2026년 10월 20일 업데이트
발표 메모나 PowerPoint로 브라우저에서 실행되는 HTML 슬라이드를 만듭니다. 미리보기로 디자인을 선택하고 화면에 맞는 레이아웃과 애니메이션을 구성합니다.
- 발표와 사내 보고용 슬라이드를 만듭니다
- PowerPoint를 HTML로 변환합니다
- 미리보기로 자료 디자인을 선택합니다
affaan-m/ECC☆ 28.5만2026년 10월 21일 업데이트
shadcn/ui와 Tailwind CSS로 사용하기 편한 폼, 표, 화면 크기에 맞는 레이아웃을 구현합니다. 색상과 다크 모드도 통일합니다.
- 키보드로 조작할 수 있는 폼 제작
- 휴대폰과 컴퓨터의 화면 배치 조정
- 색상과 다크 모드 통일
nextlevelbuilder/ui-ux-pro-max-skill☆ 13.8만2026년 10월 15일 업데이트
웹·모바일·데스크톱 화면 설계에 필요한 색상·글꼴·조작 지침을 로컬 자료에서 검색합니다. 제품과 개발 환경에 맞는 UI 구현, 검토 및 개선을 지원합니다.
- 새 제품의 색상과 글꼴 선택
- 폼과 키보드 조작 검토
- 작은 화면에서 깨지는 레이아웃 수정
nextlevelbuilder/ui-ux-pro-max-skill☆ 13.8만2026년 10월 15일 업데이트
실제 브라우저에서 화면과 동작을 검증하고 오류, 통신, 로딩 속도를 조사합니다. 수정 전후의 스크린샷 비교와 접근성 확인도 지원합니다.
- 레이아웃과 스타일 문제 조사
- 브라우저 오류와 API 통신 확인
- 수정 전후 화면 비교
addyosmani/agent-skills☆ 10.9만2026년 10월 14일 업데이트
완성한 디자인을 배치, 요청 목적 충족, 브랜드 일관성, 접근성, 문구의 다섯 관점에서 점검하고 발견한 구체적인 문제를 수정합니다.
- 납품 전 디자인 점검
- 브랜드 지정 사항과의 일치 확인
- 키보드 조작과 명암 대비 확인
nexu-io/open-design☆ 10.3만2026년 10월 21일 업데이트
시장 정보를 밀도 있게 배치한 거래 분석 대시보드를 단일 HTML로 만듭니다. 밝고 어두운 테마, 차트 상세 보기, 명령 팔레트를 갖춘 화면을 제공합니다.
- 금융 분석 터미널 화면 시제품 제작
- 시장 정보가 밀집된 화면 제시
- 차트 상세 보기와 조작 방식 시연
nexu-io/open-design☆ 10.3만2026년 10월 21일 업데이트
연구 보고나 사내 검토 자료를 차분한 종이 느낌의 HTML 슬라이드로 만듭니다. 짙은 파랑과 종이색, 세리프 글꼴로 구성하며 가로 스와이프와 키 조작으로 열람합니다.
- 연구실에서 연구 설계·결과·한계 보고
- 분기별 사내 검토 자료 작성
- 일본어 연구 발표 자료 제작
nexu-io/open-design☆ 10.3만2026년 10월 21일 업데이트
분기 성과와 향후 계획을 파랑, 주황, 크림색의 복고풍 HTML 슬라이드 세 장으로 정리합니다. 표지, 세 가지 중점 과제, 로드맵과 핵심 성과 지표를 담습니다.
- 분기 성과 발표 자료 제작
- 팀의 세 가지 중점 과제 공유
- 로드맵과 핵심 성과 지표 제시
nexu-io/open-design☆ 10.3만2026년 10월 21일 업데이트
고정된 1920×1080 캔버스에서 내용에 맞춰 슬라이드를 자유롭게 구성합니다. 색상과 글자 크기를 통일하고 키보드로 넘기는 단일 HTML 파일로 만듭니다.
- 개인 포트폴리오 제작
- 미술 및 디자인 수업 자료 작성
- 질문이나 이미지 중심의 강연 자료 제작
nexu-io/open-design☆ 10.3만2026년 10월 21일 업데이트
Orca에서 adb로 Android 실기기나 에뮬레이터를 조작합니다. 화면을 보며 탭과 문자 입력을 수행하고, 앱 설치와 실행, 화면 요소 구조와 로그 확인을 할 수 있습니다.
- Android 실기기와 가상 기기에서 동작 확인
- 탭, 스와이프와 문자 입력 재현
- 앱 설치와 런타임 권한 확인
stablyai/orca☆ 10만2026년 10월 20일 업데이트
Review website animations against users’ reduced motion preferences, a setting that requests less movement. Check flashing content, scrolling effects, alternative transitions, pause controls, and advance warnings, and identify changes needed in rendered pages and interactive states.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Checking support for reduced motion settings
- Reviewing flashing content frequency
- Finding alternatives to scrolling effects
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Review HTML object elements and add meaningful fallback content for people who cannot load or view embedded material. Identify missing alternatives, suggest text or appropriate HTML elements, and explain how to verify accessibility.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Find object elements with missing fallback content
- Add alternatives for embedded content that fails to load
- Review whether fallback content conveys equivalent information
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Review parallax effects, where backgrounds and foregrounds move at different speeds. Check reduced-motion support and access to essential content, then suggest static alternatives and an optional site-wide control for disabling motion.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Reviewing parallax effects on a website
- Checking support for reduced-motion preferences
- Providing static versions of animated content
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Review website text and interface instructions for jargon, complex sentences, and unclear actions. Simplify wording, explain technical terms, and adjust reading difficulty so the intended audience can understand content and follow instructions.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Simplifying website instructions
- Explaining technical terms for general readers
- Reviewing interface text for accessibility
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Review a page to ensure it has exactly one main landmark, the region identifying its primary content. Find missing or duplicate main regions and get corrections that give assistive technology users a clear navigation target.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Checking the main region in a page template
- Fixing duplicate main regions in combined layouts
- Reviewing navigation to primary content with a screen reader
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Compare button and link text with accessible names, the names assistive technology uses for controls. Identify mismatches and suggest ARIA label changes so people using voice control can refer to the words they see.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Comparing visible button text with accessible names
- Reviewing links that are hard to activate by voice
- Checking label fixes with accessibility tools
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Check HTML for meta refresh redirects that can interrupt reading and confuse users. Suggest server-side redirects or clear links users choose themselves, with guidance for checking the resulting behavior using accessibility tools or assistive technology.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Finding automatic redirects in HTML
- Replacing meta refresh with server-side redirects
- Reviewing page transitions for screen reader users
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Review mobile test coverage across real devices and simulated screen sizes. Find gaps in automated checks and CI, the workflow that runs project checks, and add Playwright tests for key mobile user flows.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Reviewing mobile test coverage in CI
- Adding Playwright tests for mobile user flows
- Planning Android and iOS real-device checks
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Review page landmarks, the named regions screen reader users navigate between. The skill checks semantic HTML elements, a single main content region, and labels for repeated region types, then identifies markup changes and ways to verify them.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Reviewing page structure for screen reader navigation
- Replacing generic containers with semantic HTML elements
- Checking labels for multiple navigation regions
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트