OpenSource-Hub

skills

CLI ツール

emilkowalski/skills

デザインエンジニア向けのスキルセット。より優れたユーザーインターフェースを構築するために使用します。

概要

厳選されたスキルセット。アニメーション、デザイン原則、UIのベストプラクティスに特化しています。CLIを通じて追加でき、エージェントと開発者がより優れたデザインの意思決定を行えるよう支援し、アニメーションのテクニックやデザインシステムのリファレンスを網羅しています。

README プレビュー

\n\n\n\n# Skills For Design Engineers\n\n[](https://skills.sh/emilkowalski/skills)\n\nFor designers and engineers to help them build better user interfaces.\n\nKnowing whether you made a right choice when it comes to animations, or design in general, is hard. These skills aim to help you get to those right decisions faster.\n\nThey are based on my years of experience working at companies like Vercel and Linear.\n\nAll the skills here are a side-effect of domain-expertise. AI doesn’t replace such expertise, it amplifies what you can get out of it and makes you way better relative to others.\n\nSo learn to code, design, or develop expertise in any other field. It’s extremely valuable.\n\nYou can stay up to date with my skills here:\n\n[Sign Up To The Newsletter](https://animations.dev/skills)\n\n## Install\n\n```bash\nnpx skills@latest add emilkowalski/skills\n```\n\n## Why use it?\n\nAgents don’t have great taste\n\nI have seen plenty of times that agents don’t pick the right ingredients for an animation. An `ease-in` easing for an enter animation when it’s supposed to be `ease-out` ([here’s why](https://emilkowal.ski/ui/7-practical-animation-tips#4.-choose-the-right-easing)). Or they choose a solid border instead of a semi-transparent shadow for your UIs.\n\nAll these small things compound and make your interface either amazing, or just... not that great.\n\nAs explained in [Agents with Taste](https://emilkowal.ski/ui/agents-with-taste), these skills list all the little mistakes agents can potentially make and explain how to fix them.\n\nThis is your shortcut to great interfaces. A shortcut to stand out in a sea of slop.\n\n## Reference\n\n- **[emil-design-eng](./skills/emil-design-eng/SKILL.md)** — The main skill that consists of mostly animation, but also some design advice.\n- **[review-animations](./skills/review-animations/SKILL.md)** — Review your animations in a strict way, based on my rules.\n- **[improve-animations](./skills/improve-animations/SKILL.md)** —

FAQ (1)

トラブル対応
GitHubでMarkdown中心のリポジトリに言語が表示されないのはなぜですか?

GitHub Linguist は、デフォルトでは言語バーに Markdown を表示しません。リポジトリのルートに .gitattributes ファイルを作成または編集し、次の行を追加してください。

*.md linguist-detectable

変更をコミットしてプッシュします。すると、GitHub は Markdown を検出し、リポジトリの言語分類とサイドバーに含めるようになります。これにより、リポジトリの公開言語統計が変更されます。

参照 Issue #20