Communitygithub.com

weberstone/token-high-contrast

明示的なセマンティック前景/背景ペアからWCAG 2.2高コントラストのFigmaトークンモードを生成・検証する、フェイルクローズ型のエージェントスキルです。

token-high-contrast とは?

このスキルは、Figmaのデザイントークンを用いてWCAG 2.2に準拠した高コントラストモードを自動生成・検証するためのAIエージェント向けツールです。開発者はセマンティックな前景色と背景色のペアを明示的に指定するだけで、スキルが自動的にコントラスト比を計算し、アクセシビリティ基準を満たすトークンモードを生成します。フェイルクローズ(fail-closed)設計により、コントラストが基準を下回る場合はトークンを出力せずエラーを報告するため、安全に利用できます。主にFigmaのトークン管理プラグイン(例:Tokens Studio)と連携し、CI/CDパイプラインへの組み込みも容易です。これにより、デザインシステムのアクセシビリティ品質をコードレベルで担保できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add weberstone/token-high-contrast

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

token-high-contrast は何をしますか?

明示的なセマンティック前景/背景ペアからWCAG 2.2高コントラストのFigmaトークンモードを生成・検証する、フェイルクローズ型のエージェントスキルです。

関連スキル