@emilkowalski
UIの洗練、コンポーネントデザインなどのデザイン理念領域をカバー、代表作は emil-design-eng。
@emilkowalski のすべての Skill
apple-design
by @emilkowalski
このSkillは、Appleの流動的インターフェース設計原則（即時応答、直接操作、中断可能なアニメーション、スプリングダイナミクス）をWeb実装可能な方法に変換します。ジェスチャ駆動UI、スプリングアニメーション、ドラッグ/スワイプ/シート操作、Appleスタイルの視覚フィードバックと空間的一貫性の構築に使用され、物理世界のように自然で直感的なインターフェースをデザイナーや開発者が作成するのに役立ちます。
animation-vocabulary
by @emilkowalski
このスキルは、ウェブアニメーションの曖昧な説明を正確な用語に変換する逆引き用語集です。動きを見たが名前がわからない時に使い、デザイナーやAIツールと正確にコミュニケーションするのに役立ちます。
improve-animations
by @emilkowalski
この Skill はシニアモーションアドバイザーとして、コードベースのアニメーションとモーションコードを調査し、優先順位付けされた監査と、他のエージェントまたは低コストモデルが実行できる自己完結型の実装計画を生成します。ソースコードは読み取り専用で修正は適用しません。ユーザーがアニメーションの改善、モーションの監査、修正のロードマップを求める場合に使用します。
find-animation-opportunities
by @emilkowalski
コードベースやUI内でアニメーションが不足している箇所を検索し、正確なアニメーションパラメータを提案します。このスキルは抑制をもって、本当に必要な場面のみにアニメーションを提案し、過度なアニメーションを避けながら、デザイナーや開発者が洗練されたインターフェースを作成するのを支援します。
pick-ui-library
by @emilkowalski
フロントエンドのタスク（トースト、ドラッグ＆ドロップ、チャートなど）に基づき、厳選されたリストから適切なUIライブラリを推薦します。開発者の意思決定を迅速化し、不適切なライブラリの使用を防ぎます。
animate-expo
by @emilkowalski
この Skill は、React Native と Expo アプリで滑らかなアニメーションを構築し、アニメーションすべきか、どのスレッドか、どのプロパティか、spring か timing か、ジェスチャーハンドオフ、劣化の順に意思決定を導きます。Reanimated、Gesture Handler、Expo Router、expo-haptics を使って実装します。実機でのカクつきを防ぎ、画面遷移・ジェスチャー・シート・押下フィードバック・触覚などで安定した動きを実現します。
emil-design-eng
by @emilkowalski
UIの洗練、コンポーネント設計などに関するEmil Kowalskiのデザイン哲学をコード化します。
review-animations
by @emilkowalski
この Skill は、アニメーションとモーションコードを高い品質基準でレビューし、Emil Kowalski のデザインエンジニアリング哲学に準拠していることを保証します。品質基準を満たさないアニメーションを特定し、ユーザーエクスペリエンスとインターフェースの流動性を大幅に向上させます。