원클릭으로 Manus에서 모든 스킬 실행

accessibility-contrast-audit

스타3

포크0

업데이트2025년 12월 22일 09:10

[Design System] Quantitative accessibility audit for UI - contrast ratios, font sizes, tap targets, heading hierarchy. Use when (1) checking WCAG color contrast compliance, (2) auditing text sizes for readability, (3) validating touch/click target sizes, (4) reviewing heading structure and landmarks, (5) user asks to 'check accessibility', 'audit contrast', 'WCAG compliance', or 'a11y check'.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

CANTAGESTUDIO

CANTAGESTUDIO/CosmicAtlasPacker

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

Accessibility & Contrast Audit

Quantitative accessibility checks for contrast, font size, hit areas, and semantic structure.

Quick Start

python3 scripts/audit_accessibility.py --source src/ --tokens tokens.json

WCAG Standards Reference

Criterion	Level AA	Level AAA
Normal text contrast	4.5:1	7:1
Large text contrast (18px+ or 14px bold)	3:1	4.5:1
UI components/graphics	3:1	3:1
Minimum touch target	44×44px	44×44px
Minimum font size (body)	16px	16px

Problem Types

Type	Severity	Description
`low-contrast`	error	Text/background contrast below WCAG threshold
`text-too-small`	warning	Font size below recommended minimum
`hit-area-too-small`	warning	Touch/click target below 44×44px
`heading-skip`	warning	Heading levels skipped (h1→h3)
`missing-alt`	error	Image missing alt text

이 저장소의 다른 Skills

같은 저장소

smart-rules

CANTAGESTUDIO/CosmicAtlasPacker

[Utility] Analyzes user prompts and efficiently loads only relevant rule documents. Auto-generates category-document mapping config file on first invocation by scanning project documents. Supports both automatic and manual invocation. (project)

2025-12-253

best-practice-core

CANTAGESTUDIO/CosmicAtlasPacker

[Dev] Extracts and organizes best practices for a given topic into a minimal tree structure (max depth 3, max 5 children per node). Use during task planning when writing subtasks in Docs/{name}_Task.md - output is added under each subtask as a concise reference guide. Pure reasoning task with strict formatting rules: keywords/noun phrases only, no prose. (project)

2025-12-253

smart-rules

CANTAGESTUDIO/CosmicAtlasPacker

2025-12-253

aesthetic-critic-historian

CANTAGESTUDIO/CosmicAtlasPacker

[Aesthetics] Positions aesthetics within art/design history, identifies what traditions it echoes, and spots clichés, generic trends, and AI-slop patterns to avoid. Outputs Critical Notes as Memo nodes in Brain canvas.

2025-12-223

aesthetic-cultural-research

CANTAGESTUDIO/CosmicAtlasPacker

[Aesthetics] Maps aesthetic briefs to cultural references: art movements, photography, film, architecture, music, fashion. Outputs reference lists with visual language analysis. Organizes findings as Image and Memo nodes in Brain canvas.

2025-12-223

aesthetic-form-composition

CANTAGESTUDIO/CosmicAtlasPacker

[Aesthetics] Analyzes form, composition, and spatial relationships: eye paths, balance/asymmetry, rhythm, layering, fore/mid/background usage. Outputs compositional rules as Memo nodes in Brain canvas.

2025-12-223

name	accessibility-contrast-audit
description	[Design System] Quantitative accessibility audit for UI - contrast ratios, font sizes, tap targets, heading hierarchy. Use when (1) checking WCAG color contrast compliance, (2) auditing text sizes for readability, (3) validating touch/click target sizes, (4) reviewing heading structure and landmarks, (5) user asks to 'check accessibility', 'audit contrast', 'WCAG compliance', or 'a11y check'.

Accessibility & Contrast Audit

Quantitative accessibility checks for contrast, font size, hit areas, and semantic structure.

Quick Start

python3 scripts/audit_accessibility.py --source src/ --tokens tokens.json

WCAG Standards Reference

Criterion	Level AA	Level AAA
Normal text contrast	4.5:1	7:1
Large text contrast (18px+ or 14px bold)	3:1	4.5:1
UI components/graphics	3:1	3:1
Minimum touch target	44×44px	44×44px
Minimum font size (body)	16px	16px

Problem Types

Type	Severity	Description
`low-contrast`	error	Text/background contrast below WCAG threshold
`text-too-small`	warning	Font size below recommended minimum
`hit-area-too-small`	warning	Touch/click target below 44×44px
`heading-skip`	warning	Heading levels skipped (h1→h3)
`missing-alt`	error	Image missing alt text