Toolverse
All skills

ui-testing

by alinaqi

Visual testing - catch invisible buttons, broken layouts, contrast

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
alinaqi
Category
Testing
Views
2

About this skill

Visual testing - catch invisible buttons, broken layouts, contrast

How to use

  1. Załaduj umiejętność razem z ui-web.md lub ui-mobile.md, w zależności od tego, czy testujesz interfejs webowy czy mobilny. 2. Po utworzeniu nowego komponentu UI otwórz listę kontrolną z umiejętności i przejdź przez każdą sekcję: widoczność przycisków, rozmiary obszarów kliknięcia (minimum 44px), stany interakcji (hover, focus, disabled, loading) oraz tryb ciemny, jeśli dotyczy. 3. Aby sprawdzić kontrast tekstu, kliknij prawym przyciskiem myszy na element w przeglądarce, wybierz Inspect, przejdź do panelu Styles i kliknij wartość koloru – poszukaj wskaźnika współczynnika kontrastu (musi być ✓ dla AA, czyli 4.5:1 dla tekstu). 4. Jeśli pracujesz z Tailwind, skorzystaj z gotowych kombinacji kolorów z umiejętności (np. text-gray-900 na białym tle = 16:1, text-gray-400 = FAIL). 5. W razie wątpliwości użyj zewnętrznych narzędzi: WebAIM Contrast Checker lub Coolors Contrast Checker, aby zweryfikować współczynnik kontrastu. 6. Zaznacz wszystkie pozycje na liście kontrolnej przed wysłaniem UI do produkcji.

Related skills

langchain

by zechenzhangAGI

Framework for building LLM-powered applications with agents, chains, and RAG. Supports multiple providers (OpenAI, Anthropic, Google), 500+ integrations, ReAct agents, tool calling, memory management, and vector store retrieval. Use for building chatbots, question-answering

Testing
21123

python-testing-patterns

by wshobson

Implement comprehensive testing strategies with pytest, fixtures, mocking, and test-driven development. Use when writing Python tests, setting up test suites, or implementing testing best practices.

Testing
46146

powershell-windows

by davila7

PowerShell Windows patterns. Critical pitfalls, operator syntax, error handling.

Testing
1074

differential-review

by trailofbits

Performs security-focused differential review of code changes (PRs, commits, diffs). Adapts analysis depth to codebase size, uses git history for context, calculates blast radius, checks test coverage, and generates comprehensive markdown reports. Automatically detects and

Testing
2510

nextjs-developer

by zenobi-us

Expert Next.js developer mastering Next.js 14+ with App Router and full-stack features. Specializes in server components, server actions, performance optimization, and production deployment with focus on building fast, SEO-friendly applications.

Testing
166226

go-dev-guidelines

by jumppad-labs

This skill should be used when writing, refactoring, or testing Go code. It provides idiomatic Go development patterns, TDD-based workflows, project structure conventions, and testing best practices using testify/require and mockery. Activate this skill when creating new Go

Testing
1190