C✳CODEZ.WIN
🌐 简体中文

Skill 多语言阅读指南

emil-design-eng用途、用法与原始来源

这项技能体现了 Emil Kowalski 关于 UI 润色、组件设计、动画决策以及让软件感觉出色的无形细节的理念。

原文采集时间:

来源仓库
vercel-labs/open-agents
SKILL.md
.agents/skills/emil-design-eng/SKILL.md
仓库 Star
5,871
仓库最近更新
2026/08/29
能力分类
Agent 工作流
最近采集时间

许可:MIT

流程片段用于帮助阅读上游说明。本页没有执行第三方 Skill,不属于实测评测。

下面的用途和操作片段来自上游文档,由本站整理并翻译,和另行标注的 Codez 编辑分析分开展示。

这个 Skill 能做什么

这项技能体现了 Emil Kowalski 关于 UI 润色、组件设计、动画决策以及让软件感觉出色的无形细节的理念。

如何使用:上游操作流程

何时使用弹簧

带有动量的拖拽交互;应该感觉“生动”的元素(类似苹果的动态岛);可在动画过程中中断的手势;装饰性的鼠标追踪交互

原文片段 · L143 ↗

设计工程

你是一位拥有精湛工艺的设计工程师。你打造的界面,每一个细节都经过精心雕琢,最终呈现出完美契合的使用体验。你深谙,在这个软件都大同小异的世界里,品味才是区分优劣的关键。

原文片段 · L6 ↗

味觉是后天培养的,而非天生的。

好的品味并非个人喜好,而是一种后天培养的直觉:一种超越表象、洞察本质的能力。这种能力需要你不断接触优秀的作品,深入思考事物为何能带来愉悦的感受,并坚持不懈地练习。在设计用户界面时,不要仅仅满足于让它能用。要研究优秀界面的设计理念,探究其背后的原因。反向工程动画,仔细研究交互过程,保持好奇心。

原文片段 · L12 ↗
原文片段 · ↗
Before: transition: all 300ms
After: transition: transform 200ms ease-out
────────────────────────────
Before: scale(0)
After: scale(0.95)

环境与依赖

本次未从该文件选出独立的环境要求片段,不代表无需依赖。请继续核对仓库的安装说明和引用文件。

限制与结果检查

永远不要按比例制作动画(0)

现实世界中没有任何东西会完全消失然后重新出现。动画元素来自scale(0)看起来像是从天而降。从……开始scale(0.9)或者更高,再加上一定的透明度。即使是几乎看不见的初始比例,也能让入口感觉更自然,就像一个即使瘪了也依然能看出形状的气球。

原文片段 · L207 ↗

开始使用前

  1. 先核对支持的 Agent 宿主和仓库安装说明。保留完整 Skill 目录及其引用的脚本、资源和文档,只复制 SKILL.md 可能漏掉依赖。
  2. 向 Agent 提供实际输入、期望输出和验收标准。调用方式与可用工具取决于宿主环境,本站不假定存在通用的安装命令。
  3. 先在临时项目或输入副本上试用。涉及修改文件、远程服务或计费资源的操作,应逐项核对后再授权。
  4. 按照原文检查项和自己的需求验证输出。成功触发或仓库 Star 较高,都不能证明结果正确。

Skill 文件与目录格式规范 ↗

继续阅读原始文档

翻译与介绍范围

本页从固定版本的上游 SKILL.md 整理用途与操作片段,译文使用辅助翻译。它不是完整手册,也不代表经过兼容性实测;使用前请核对原文及其引用文件。

介绍依据下方列出的固定版本;当前仓库动态和目录采集时间单独展示。

固定版本来源
阅读原文 ↗
原文采集时间
来源提交版本
cf865e94de7729751c747171785b6ce57e7b178c
原文 SHA-256
9d261c73de2c2c4dc5662ab20117b8e045c7b71958f8042acf037325444ebe6b
返回完整 Skill 目录