🛍️ 更多精选好物 ›
33,972
⭐ GitHub Stars
fork 1909💻 Markdown · MIT · 🐛 开放 Issue:0
📝 工具简介
面向设计师和工程师的技能包,提供动画与交互相关的专业能力。
📖 怎么用
安装很简单,直接跑 `npx skills@latest add emilkowalski/skills` 就行。装完不用额外配置,README 没写初始化步骤。装好后你就能在 Claude 这类工具里直接调用它,让它帮你判断动画或 UI 设计选得对不对。它基于作者在 Vercel 和 Linear 的经验,能帮你更快做出正确的设计决策,适合设计师和工程师用。
📋 迷你测评
为设计师和工程师准备的技能包。亮点是兼顾两类角色,可能覆盖动效设计到实现环节。简介未提具体数据点。
📄 README 要点
这是给设计师和工程师用的AI技能包,专门帮你在做界面动画时做出更好的决策。作者在Vercel和Linear工作多年,把这些经验都沉淀成了技能。核心痛点就是AI代理经常选错动画参数,比如入场动画用了错误的缓动函数,这套技能就是来解决这个问题的。安装方式很简单,直接按项目里的命令装就行。适合那些用AI辅助做UI设计、但又担心AI品味不够好的人,能帮你更快地判断动画和设计选择对不对。作者强调AI不会替代专业能力,而是放大你的专业能力,所以还是得自己懂设计。
查看英文原文
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)
交流使用体验、避坑建议;违规内容将被删除