Claude Skills · Design

Validate color contrast checker operations. Auto-activating skill for Frontend Development. Triggers on: color contrast checker, color contrast checker Part of the Frontend Development skill category. Use when working with color contrast checker functionality. Trigger with phrases like "color contrast checker", "color checker", "color". '

★ 2,595 MIT Synced 1 day ago View SKILL.md

At a glance

Design Plugin install Python Actively maintained MIT v1.0.0

This skill is for Design and helps you check color contrast ratios, validate accessibility compliance, and ensure wcag color standards.

Install /plugin marketplace add jeremylongshore/claude-code-plugins-plus-skills /plugin install color-contrast-checker
Can use ReadWriteEditBashSearch
Good for check color contrast ratiosvalidate accessibility complianceensure wcag color standardstest color pair readability

Setup, runtime and requirements describe jeremylongshore/claude-code-plugins-plus-skills, the repo this skill ships in.

WcagaccessibilityA11YContrast RatioColor Compliance

Also in jeremylongshore/claude-code-plugins-plus-skills

View the repo
Accessibility Audit Runner Code Review & Testing

Run accessibility audit runner operations. Auto-activating skill for Frontend Development. Triggers on: accessibility audit runner, accessib...

Alertmanager Rules Config DevOps & Infrastructure

Manage alertmanager rules config operations. Auto-activating skill for DevOps Advanced. Triggers on: alertmanager rules config, alertmanager...

Ansible Playbook Generator DevOps & Infrastructure

Generate ansible playbook generator operations. Auto-activating skill for DevOps Advanced. Triggers on: ansible playbook generator, ansible...

Ansible Role Creator DevOps & Infrastructure

Create ansible role creator operations. Auto-activating skill for DevOps Advanced. Triggers on: ansible role creator, ansible role creator P...

Manage api key manager operations. Auto-activating skill for Security Fundamentals. Triggers on: api key manager, api key manager Part of th...

Argocd App Deployer DevOps & Infrastructure

Deploy argocd app deployer operations. Auto-activating skill for DevOps Advanced. Triggers on: argocd app deployer, argocd app deployer Part...

Configure with aria attribute helper operations. Auto-activating skill for Frontend Development. Triggers on: aria attribute helper, aria at...

Attack Surface Analyzer DevOps & Infrastructure

Analyze attack surface analyzer operations. Auto-activating skill for Security Advanced. Triggers on: attack surface analyzer, attack surfac...

Background Worker Creator DevOps & Infrastructure

Create background worker creator operations. Auto-activating skill for Backend Development. Triggers on: background worker creator, backgrou...

Bash Script Helper DevOps & Infrastructure

Configure with bash script helper operations. Auto-activating skill for DevOps Basics. Triggers on: bash script helper, bash script helper P...

Branch Naming Helper DevOps & Infrastructure

Configure with branch naming helper operations. Auto-activating skill for DevOps Basics. Triggers on: branch naming helper, branch naming he...

Bundle Size Analyzer DevOps & Infrastructure

Analyze bundle size analyzer operations. Auto-activating skill for Frontend Development. Triggers on: bundle size analyzer, bundle size anal...

Other Design skills

Frontend Design anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typog...

Algorithmic Art anthropics/skills

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art...

Design An Interface mattpocock/skills

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explor...

Prototype mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right,...

Wireframe Annotated nexu-io/open-design

An annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a browser chrome frame, overlaid wi...

Chat Motion Overlay nexu-io/open-design

Generate configurable chat motion overlays from a transcript or screenshot, including plain bubble scenes, app-style chat containers, option...