jakubkrehel/skills

解決する問題

高品質なユーザーインターフェースの構築は複雑で、アクセシビリティ、タイポグラフィ、レイアウト、視覚的な洗練への絶え間ない注意が必要です。このプロジェクトは、これらのデザインエンジニアリングタスクを自動化する専門のエージェントスキルのコレクションを提供し、開発者がリグレッションを特定し、より一貫性のあるプロフェッショナルなインターフェースを構築するのに役立ちます。

仕組み

このプロジェクトは、Claude Codeなどの開発環境に統合できるモジュール式スキルのセットとして機能します。これらのスキルは、コードのレビュー、デザイントークンの生成、コンポーネントのストレステスト、デザインファイルの機能的なUIへの変換を行う専門アシスタントとして機能します。特定のスキルを呼び出して、プルリクエストの監査、カラーパレットの生成、テスト用のコンポーネント状態のレンダリングを行うことができます。

対象読者

UIメンテナンスの反復的な側面を自動化し、プロジェクトが高いデザインとアクセシビリティの基準を満たすことを確実にしたいデザインエンジニアやフロントエンド開発者向けです。

ハイライト

• アクセシビリティ、レイアウト、ライティング、タイポグラフィ、色をカバーする包括的なUIレビュー。
• WCAG 2.2標準に基づく自動アクセシビリティチェック。
• 自動状態レンダリングとシナリオテストによるコンポーネントストレステスト。
• 既存のトークンを使用してFigmaファイルや画像からUIを構築するデザインからコードへの機能。
• セマンティックカラートークンの生成と複雑なタイポグラフィスケールの管理のためのツール。
• アクティブなブランチとプルリクエストのレビューをサポートし、インターフェースのリグレッションをキャッチします。