ウェブサイト、画像、プレゼンテーション、動画のためのオリジナルワークフロー。
Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, responsive design, or web performance.
Audit web accessibility using WCAG guidance, keyboard checks and evidence-led issue reporting.
Locate mechanically detectable accessibility issues on one rendered page, with DOM selectors, evidence and source locations when available.
Plan a sampled site accessibility assessment, combine automated and interaction checks, and report pass, fail or undetermined per criterion.
Use a WCAG 2.1-oriented checklist for semantic HTML, keyboard access, contrast and accessible form behavior.
Review keyboard focus, ARIA, forms, screen readers, motion and zoom against WCAG 2.2.
Generate complete, accessible colour palettes from a single brand hex. Produces 11-shade scale (50-950), semantic tokens, dark mode variants, Tailwind v4 CSS output, WCAG contrast checks. Use whenever the user supplies a brand hex and asks for a palette, mentions setting up a design system, wants Tailwind theme colours from a brand colour, or asks to check colour accessibility / contrast.
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.
丁寧につくった小さなライブラリ。新しいスキルも追加予定です。