apca-contrast-skill は何をしますか?
AIエージェントスキル:APCA-W3 v0.1.9 知覚コントラスト測定、fontLookupAPCA 合格/不合格 — Tailwind v4 / shadcn oklch トークン、ライト/ダークモードのデザインシステム監査を実現
AIエージェントスキル:APCA-W3 v0.1.9 知覚コントラスト測定、fontLookupAPCA 合格/不合格 — Tailwind v4 / shadcn oklch トークン、ライト/ダークモードのデザインシステム監査を実現
このスキルは、APCA-W3(Accessible Perceptual Contrast Algorithm)v0.1.9 を用いて、UI デザインにおける前景色と背景色のコントラスト比を人間の知覚に基づいて評価します。単なる数値チェックではなく、フォントサイズとウェイトに応じた `fontLookupAPCA` による合格/不合格判定を行い、WCAG よりも精度の高いアクセシビリティ監査を可能にします。主に Tailwind v4 や shadcn/ui で採用される oklch カラートークンを受け入れ、ライトモードとダークモードの両方でコントラスト値を計算・比較することで、テーマ切り替え時の可読性問題を早期に発見できます。開発者やデザイナーは、このスキルを AI エージェント(Claude Code, Cursor, Codex 等)に組み込み、デザインシステムの一貫性を保ちながらアクセシビリティ基準を満たす UI を効率的に構築できます。
npx skills add rhino-ty/apca-contrast-skillAIエージェントスキル:APCA-W3 v0.1.9 知覚コントラスト測定、fontLookupAPCA 合格/不合格 — Tailwind v4 / shadcn oklch トークン、ライト/ダークモードのデザインシステム監査を実現
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".