color-contrast

Name: color-contrast
Rating: 5 (9 reviews)
Author: mgifford

Load this skill whenever the project contains text, UI components, icons, form controls, data visualisations, or focus indicators — in short, almost every project. Under no circumstances hard-code colour values without verifying contrast ratios. Absolutely always ensure text meets 4.5:1, large text meets 3:1, and non-text UI elements meet 3:1 against adjacent colours. Test in light mode, dark mode

9estrelas

Atualizado mês passado

Ver no GitHub ↗Licença: AGPL-3.0

Como adicionar

/plugin marketplace add mgifford/accessibility-skills

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Listada na Skillteca](https://www.skillteca.com.br/api/badge/color-contrast/svg)](https://www.skillteca.com.br/skills/color-contrast?utm_source=badge&utm_medium=readme&utm_campaign=badge)

#github #git #ai #test

Skills relacionadas

Ver todas de Desenvolvimento →

claude-api

143.8k

Build, debug, and optimize Claude API / Anthropic SDK apps. Apps built with this skill should include prompt caching. Also handles migrating existing Claude API code between Claude model versions (4.5 → 4.6, 4.6 → 4.7, retired-model replacements). TRIGGER when: code imports `anthropic`/`@anthropic-ai/sdk`; user asks for the Claude API, Anthropic SDK, or Managed Agents; user adds/modifies/tunes a C

Desenvolvimento#ai#apipor anthropics

skill-creator

143.8k

Crie novas skills, modifique e aprimore as existentes, e meça seu desempenho. Utilize para desenvolver, editar, otimizar, testar e comparar skills, além de refinar suas descrições para maior precisão de acionamento.

Desenvolvimento#testpor anthropics

oh-my-issues

79.7k

Esta skill agrupa backlogs de issues do GitHub por causa raiz em issues mestre de plano, redireciona issues relacionadas e agrupa PRs de correção arquitetônica para fechar clusters atomicamente. É ideal para triar e consolidar inúmeras issues com defeitos subjacentes comuns, ou para construir uma série de planos ou um roteiro.

Desenvolvimento#github#gitpor thedotmack

claude-mem

79.7k

Captura as ações do seu agente entre sessões, as comprime com IA e injeta contexto relevante em interações futuras. Compatível com Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode e outros.

Desenvolvimento#aipor thedotmack

Alerta por categoria

Receba novas skills de Desenvolvimento toda segunda

1 email curto, só com as skills novas de Desenvolvimento. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Color Contrast Accessibility Skill

Canonical source: examples/COLOR_CONTRAST_ACCESSIBILITY_BEST_PRACTICES.md in mgifford/ACCESSIBILITY.md This skill is derived from that file. When in doubt, the example is authoritative.

Apply these rules whenever implementing or reviewing colour choices in HTML, CSS, SVG, or any visual interface element.

Core Mandate

Sufficient contrast between foreground and background colors is a prerequisite for users to read text, identify UI compo

[Description truncada. Veja o README completo no GitHub.]

CompartilharX LinkedIn

Comentários · Nenhum comentário

Entre para comentar. Entrar

Ainda não há comentários. Seja o primeiro.