技能 improve-animations
📦

improve-animations

内容修订 r1 中风险 ⚙️ 外部命令

通过可执行计划改进产品动画

不一致的动效会让界面显得迟缓、令人分心或难以访问。此技能可审查动画代码，并生成按优先级排序的发现及详细实施计划。

支持: Claude Codex Code(CC)
📊 69 合格

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求
Review the Skillstore skill "improve-animations" from https://skillstore.io/skills/emilkowalski-improve-animations.md and its manifest at https://skillstore.io/api/skills/emilkowalski-improve-animations/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/emilkowalski-improve-animations.md 已签名 manifest GET /api/skills/emilkowalski-improve-animations/manifest 已签名 lockfile GET /api/skills/emilkowalski-improve-animations/lockfile

测试它

正在使用“improve-animations”。 以标准深度审查此仪表板中的动画。

预期结果:

  • 高：通过键盘打开的命令面板每次使用时都会播放动画，导致高频操作延迟。
  • 中：多个弹出框缺少减少动态效果的替代方案。
  • 下一步：选择发现一、二或三，以生成详细计划。

正在使用“improve-animations”。 为不一致的下拉菜单入场动画编写计划。

预期结果:

  • 计划 004 针对两个组件中的下拉菜单入场动画。
  • 该计划指定了存储库中的缓动令牌、时序、变换原点和减少动态效果行为。
  • 验证涵盖快速切换、慢速播放和键盘交互。

正在使用“improve-animations”。 仅审查动画性能。

预期结果:

  • 高：一个频繁更新的面板对布局属性应用动画，可能会反复触发布局计算。
  • 中：范围过大的过渡可能会为非预期属性添加动画。
  • 报告会将已确认的性能问题与需要进行视觉测量的项目分开列出。

安全审计

中风险
v2 • 2026/7/13 打开版本化报告

All 27 static findings are false positives caused by code-formatted prose, CSS examples, read-only search guidance, or a defensive prompt-injection rule. However, SKILL.md includes an explicit execute mode that delegates source modification, conflicting with its read-only description and hard rules. Publication should disclose and constrain this mode.

3
已扫描文件
293
分析行数
0
复核项
0
已忽略误报

已确认安全问题 (1)

中
SKILL.md:22-23SKILL.md:96-97
Delegated Source Modification Conflicts With Read-Only Boundary
The skill claims source analysis is read-only, but execute delegates plan implementation and reconcile updates plan files. This expands behavior beyond the declared boundary.
The hard rules state that only plan files may change, while the execute variant explicitly dispatches implementation in a worktree. The contradiction is direct.

风险因素

⚙️ 外部命令 (22)
PLAN-TEMPLATE.md:9-17 PLAN-TEMPLATE.md:17-19 PLAN-TEMPLATE.md:42 PLAN-TEMPLATE.md:64-66 SKILL.md:10 SKILL.md:14 SKILL.md:22 SKILL.md:35 SKILL.md:40 SKILL.md:57 SKILL.md:61 SKILL.md:62 SKILL.md:63 SKILL.md:67 SKILL.md:74 SKILL.md:82 SKILL.md:86 SKILL.md:93 SKILL.md:94 SKILL.md:95 SKILL.md:96 SKILL.md:97
审计者: codex 查看审计历史 →
分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告
安全评估

复制报告链接

https://skillstore.io/skills/emilkowalski-improve-animations/audits/2?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/emilkowalski-improve-animations/security.svg)](https://skillstore.io/skills/emilkowalski-improve-animations?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/emilkowalski-improve-animations?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emilkowalski-improve-animations/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/emilkowalski-improve-animations.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
学术引用 (APA · BibTeX · CFF)

APA 引用

emilkowalski. (2026). improve-animations security audit report (audit version 2) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-improve-animations/audits/2

BibTeX 引用

@techreport{emilkowalski-emilkowalski-improve-animations-2026, author = {emilkowalski}, title = {improve-animations security audit report (audit version 2)}, institution = {Skillstore}, year = {2026}, number = {2}, url = {https://skillstore.io/skills/emilkowalski-improve-animations/audits/2}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "improve-animations security audit report (audit version 2)" version: "unspecified" type: report authors: - name: "emilkowalski" date-released: "2026-07-13" url: "https://skillstore.io/skills/emilkowalski-improve-animations/audits/2" identifiers: - type: other value: "skillstore:emilkowalski-improve-animations:audit:2" description: "Skillstore immutable audit report identifier"

Skillstore 评分

评分依据 证据置信度: 高
55
架构
85
可维护性
87
内容
65
社区
83
规范符合性

你能构建什么

准备前端优化迭代

审查交互动效，按改进价值对问题排序，并为选定的修复项创建计划。

标准化动效系统

找出共享组件中不一致的缓动、持续时间、弹簧和减少动态效果模式。

委派动画改进任务

将动效审查发现转化为范围明确的计划，供另一个代理实施和验证。

试试这些提示

运行标准审查 
以标准深度审查此存储库中的动画。列出经过验证的发现及其文件位置，然后等待我选择要规划的项目。
重点审查无障碍性 
审查动效的无障碍性。检查减少动态效果的行为、悬停触发限制以及必要反馈。对已确认的问题排序，并为我选定的发现制定计划。
规划一项改进 
创建一份独立完整的计划，使命令面板能够立即打开。检查存储库约定，并包含明确的实施边界和验证步骤。
审查并准备委派 
进行深度的性能和一致性审查。为改进价值最高的四项发现制定计划，包括依赖项、执行顺序和体验检查。

最佳实践

  • 根据存储库规模和可用审查时间选择快速、标准或深度范围。
  • 在审查前说明产品个性以及使用频率最高的交互。
  • 在生成计划或委派实施之前，先审阅并选择相关发现。

避免

  • 不要在未定义范围或交互优先级的情况下请求大范围修复动画。
  • 不要将源代码分析视为完整的视觉验证。
  • 未经明确批准和独立差异审查，不要运行执行模式。

常见问题

此技能会编辑应用程序源代码文件吗？
默认工作流仅编辑计划文件。执行模式会将源代码更改委派给另一个代理，并且需要进行审查。
有哪些可用的审查范围？
快速范围涵盖高流量组件，标准范围涵盖交互式 UI，深度范围涵盖整个存储库。
支持哪些动画技术？
该工作流会检查 CSS、WAAPI、Framer Motion、React Spring、GSAP 以及存储库特有的动效系统。
审查是否涵盖无障碍性？
是的。它会检查减少动态效果的行为、悬停触发限制，以及是否仍然提供必要的视觉反馈。
能否通过源代码判断动画的体验是否合适？
并非总是如此。该技能会标记不确定的判断，并添加慢动作、逐帧或真实设备体验检查。
此技能会生成什么？
它会生成按优先级排序的发现、错失的改进机会、详细的计划文档、执行顺序、依赖项和验证标准。

开发者详情

许可证

MIT

Skillstore 修订

r1

版本提示

作者未声明版本。

仓库

https://github.com/emilkowalski/skills/tree/main/skills/improve-animations/

引用

81e8cc048419a03fee6efbc8df6f9e321a1a0a56

维护新鲜度

2026/7/18

使用量

0 次下载 · 1 次浏览

文件结构

📄 AUDIT.md

📄 PLAN-TEMPLATE.md

📄 SKILL.md

emilkowalski 的更多技能

查看全部

相关技能

查看全部