fixing-accessibility は何をしますか?
HTMLアクセシビリティ(ARIAラベル、キーボードナビゲーション、フォーカス管理、カラーコントラスト、フォームエラーなど)を監査・修正します。インタラクティブなコントロール、フォーム、ダイアログを追加する際、またはWCAG準拠の確認時に使用します。
HTMLアクセシビリティ(ARIAラベル、キーボードナビゲーション、フォーカス管理、カラーコントラスト、フォームエラーなど)を監査・修正します。インタラクティブなコントロール、フォーム、ダイアログを追加する際、またはWCAG準拠の確認時に使用します。
このスキルは、HTMLのアクセシビリティ問題を自動的に監査・修正するためのものです。主な対象はARIAラベルの欠如、キーボード操作の欠陥、フォーカス管理、カラーコントラスト不良、フォームエラーなど、WCAG(Web Content Accessibility Guidelines)に準拠したウェブサイト構築に必要な問題です。開発者がインタラクティブなコントロール、フォーム、ダイアログを追加する際に特に有用で、CI/CDパイプラインへの統合も容易です。スキルは具体的な改善提案を提供し、コードの自動修正も可能なため、アクセシブルなユーザー体験の実現を効率的に支援します。
npx skills add https://github.com/ibelick/ui-skills/tree/main/skills/fixing-accessibilityHTMLアクセシビリティ(ARIAラベル、キーボードナビゲーション、フォーカス管理、カラーコントラスト、フォームエラーなど)を監査・修正します。インタラクティブなコントロール、フォーム、ダイアログを追加する際、またはWCAG準拠の確認時に使用します。
This repo contains 3 individual skills — each has its own dedicated page.
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding SEO metadata, fixing social share previews, reviewing Open Graph tags, setting up canonical URLs, or shipping new pages that need correct meta tags.
Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".