emilkowalski/skills

これは何？

主な機能

• 01イージング、再生時間、アニメーション対象のプロパティに関するアニメーションの指針。
• 02コードベースを調べてアニメーションの問題を洗い出し、優先順位付きの修正案を提示するレビュー・監査スキル。
• 03アニメーションのフレーム落ちの解消に特化したパフォーマンススキル。
• 04ジェスチャー、シート、ハプティクス、画面遷移を扱うReact Native・Expo向けスキル。
• 05値型、Swift 6の並行処理、Swift Testingを扱うSwiftスキル。
• 06npxコマンド1つでインストール可能。

ユースケース

• AIコーディングエージェントに、ReactやWebのインターフェースへのアニメーション追加やレビューを任せる。
• 既存アプリのアニメーションの問題を監査し、優先順位付きの修正計画を得る。
• ジェスチャーや画面遷移を丁寧に仕上げたReact Native・Expoアプリを構築する。
• リリース前に、長い名前や空のリスト、特殊なデータを使ってUIをストレステストする。

クイックスタート

1. 1

   スキルをエージェントにインストールします

   npx skills@latest add emilkowalski/skills

使う前に知っておきたいこと

• !スキルは単体で動作するアプリケーションではなく、AIコーディングアシスタント向けのガイダンスです。
• !React Native/Expo、Swift、Sonnerなど、特定の技術スタックを対象としたスキルもあるため、それらのツールを使っている場合にのみ役立ちます。

トピック

よくある質問

skills とは？

VercelやLinearでの経験をもとに、AIコーディングアシスタントにアニメーションやUIデザイン、フロントエンドの作法を教えるエージェントスキル集です。 このリポジトリは、ユーザーインターフェースを構築するデザイナーやエンジニア向けの、インストール可能なエージェントスキル集です。各スキルはSKILL.mdファイルとして提供され、入場アニメーションにどのイージングカーブを使うか、不透明度を下げたシャドウが実線のボーダーより適しているのはどんな場合か、アニメーションのフレーム落ちをどう防ぐか、といった具体的な指針をAIコーディングエージェントに与えます。

skills は無料で使えますか？ライセンスは？

skills は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

skills は今もメンテナンスされていますか？

活発にメンテナンス中。skills の最終コミットは 2026年10月11日 です。

skills は何に使えますか？

AIコーディングエージェントに、ReactやWebのインターフェースへのアニメーション追加やレビューを任せる。 既存アプリのアニメーションの問題を監査し、優先順位付きの修正計画を得る。 ジェスチャーや画面遷移を丁寧に仕上げたReact Native・Expoアプリを構築する。 リリース前に、長い名前や空のリスト、特殊なデータを使ってUIをストレステストする。

skills のインストール方法は？

スキルをエージェントにインストールします: npx skills@latest add emilkowalski/skills

skills はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/emilkowalski/skills