🛍️ 更多精选好物 ›
52,582
⭐ GitHub Stars
fork 3067💻 Markdown · MIT · 🐛 开放 Issue:0
📝 工具简介
Skills for Designers and Engineers.
📖 怎么用
安装:运行 `npx skills@latest add emilkowalski/skills`。配置/初始化:README未说明。开始用:README未说明;片段只介绍它是给设计师和工程师的 skill,帮助更快做出动画或设计决策,没写装完后怎么调用或启用。
📋 迷你测评
设计师和工程师向的 Skill,名字意思是挑 UI 库。简介只有适用人群这一句,没讲覆盖哪些库、按什么标准选。属于需要先读文档再判断的类型。
📄 README 要点
这个 README 是给设计师和工程师的 skills 说明,目标是把用户界面做得更好。原文说判断动画或设计选择对不对并不容易,这些 skills 帮人更快做出正确决定,背后是作者在 Vercel 和 Linear 多年的经验。它强调 AI 不会取代领域专长,而是放大专长,所以学代码、设计或其他专业能力很值。原文还提到 agents 品味不够好,经常为动画选错“配料”,比如进场动画用了不合适的 ease in easing,片段在这里截断。安装和使用方式原文只写“安装/使用命令见下方”,没有展示具体命令。适用场景是用 AI agent 做界面、动画决策时参考。片段没有单独说明 pick-ui-library 的专门功能。
查看英文原文
Skills For Designers and Engineers For designers and engineers to help them build better user interfaces. Knowing 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. They are based on my years of experience working at companies like Vercel and Linear. All 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. So learn to code, design, or develop expertise in any other field. It’s extremely valuable. You can stay up to date with my skills here: Sign Up To The Newsletter Install [安装/使用命令见下方] Why use it? Agents don’t have great taste I 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). Or they choose a solid border instead of a semi transparent shadow for your UIs. All these small things compound and make your interface either amazing, or just... not that great. As explained in Agents with Taste, these skills list all the little mistakes agents can potentially make and explain how to fix them. This is your shortcut to great interfaces. A shortcut to stand out in a sea of slop. Reference emil design eng — The main skill that consists of mostly animation, but also some design advice. animate — Builds an animation from scratch while choosing the correct curve, duration, properties, and so on. animate expo — The same bar, for React Native and Expo: gestures, sheets, haptics, screen transitions, and keeping motion off the JS thread. review animations — Review your animations in a strict way, based on my rules. improve animations — Audit all the animations in your codebase and get prioritized, self contained plans that any agent can execute. find animation opportunities — Search your UI for places that would genuinely benefit fr
💬 评论(0)
交流使用体验、避坑建议;违规内容将被删除