review-animations
精準審查介面動畫
即使介面動態效果能正常運作，也可能感覺緩慢、分心或不易存取。此技能會依據特定的設計工藝、效能與無障礙標準審查動畫程式碼。
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
Review the Skillstore skill "review-animations" from https://skillstore.io/skills/emilkowalski-review-animations.md and its manifest at https://skillstore.io/api/skills/emilkowalski-review-animations/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「review-animations」。 審查一個從中心縮放、持續 400 毫秒且缺少減少動態效果處理的下拉式選單。
預期結果:
此審查會阻擋該變更，建議採用與觸發元素相符的起點及更短、更具回應性的時機，並加入減少動態效果變體。
正在使用「review-animations」。 審查以 keyframes 與版面配置屬性動畫實作的通知訊息進場效果。
預期結果:
- 以可中斷的 transition 或 spring 取代會重新啟動的 keyframes。
- 將動畫改用 transform 與 opacity。
- 驗證快速新增與關閉時不會掉幀。
正在使用「review-animations」。 審查使用短暫 transform transition 並支援減少動態效果的細微按鈕按壓效果。
預期結果:
當其頻率、縮放與時機仍適合該互動時，審查會核准此動態效果。
安全審計
安全All 30 static findings are false positives caused by Markdown inline-code spans, documented JavaScript template literals, and ordinary animation terminology. The files provide review guidance and examples without executable commands, reconnaissance behavior, or prompt injection intent.
風險因素
⚙️ 外部命令 (25)
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/emilkowalski-review-animations/audits/3?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/emilkowalski-review-animations?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/emilkowalski-review-animations?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emilkowalski-review-animations/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/emilkowalski-review-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). review-animations security audit report (audit version 3) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-review-animations/audits/3BibTeX 引用
@techreport{emilkowalski-emilkowalski-review-animations-2026,
author = {emilkowalski},
title = {review-animations security audit report (audit version 3)},
institution = {Skillstore},
year = {2026},
number = {3},
url = {https://skillstore.io/skills/emilkowalski-review-animations/audits/3},
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: "review-animations security audit report (audit version 3)"
version: "unspecified"
type: report
authors:
- name: "emilkowalski"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/emilkowalski-review-animations/audits/3"
identifiers:
- type: other
value: "skillstore:emilkowalski-review-animations:audit:3"
description: "Skillstore immutable audit report identifier"
Skillstore 評分
評分依據 證據置信度: 高你可以打造什麼
審查元件變更
在合併前檢查 pull request 中的緩動、持續時間、物理起點、效能與無障礙問題。
稽核動態系統
依據一致的動態標準，比較整個產品中的共用轉場與互動模式。
驗證互動品質
識別干擾、遲緩或不必要的動態效果，並取得清楚的改善建議。
試試這些提示
審查 [file or snippet] 中的動畫。檢查其目的、持續時間、緩動、動畫屬性與減少動態效果支援。回傳所需的發現與結論。
審查 [component] 中的動態效果。考量觸發頻率、transform origin、進入與離開時機、懸停門檻與可中斷性。引用每個受影響的檔案與行號。
稽核 [files] 中的拖曳或手勢動畫。評估指標處理、速度、阻尼、中斷、主執行緒工作，以及對 GPU 友善的屬性。建議精確變更。
審查此 diff 中所有動態效果變更。套用完整標準目錄，依影響程度排序發現，提出精確替代方案，並做出核准或阻擋決定。
最佳實務
- 提供已變更的檔案、行號脈絡與互動頻率。
- 包含產品意圖，以及任何會影響動態決策的執行時限制。
- 在實際裝置上測試建議，並啟用減少動態效果設定。
避免
- 請勿將此技能用於無關的架構、安全性或商業邏輯審查。
- 未提供動畫程式碼或 diff 時，請勿要求核准。
- 請勿將數值指引視為執行時觀察與產品脈絡的替代品。
常見問題
此技能審查什麼？
它會撰寫動畫程式碼嗎？
它可以評估哪些動畫技術？
它如何處理減少動態效果？
它可以核准 pull request 嗎？
哪些脈絡可改善審查品質？
開發者詳細資訊
作者
emilkowalski授權
MIT
Skillstore 修訂
r2
版本提示
作者未聲明版本。
引用
c43861a65bb95efcae259cd161c9d6f4dc7eec6f
維護新鮮度
2026/7/25
使用量
1 次下載 · 0 次瀏覽
檔案結構
📄 SKILL.md