animate-expo
Build Smooth Expo Animations
Mobile animations often stutter, ignore accessibility, or conflict with gestures. This skill designs Expo motion with suitable tools, timing, threading, and device checks.
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
Review the Skillstore skill "animate-expo" from https://skillstore.io/skills/emilkowalski-animate-expo.md and its manifest at https://skillstore.io/api/skills/emilkowalski-animate-expo/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「animate-expo」。 Add animation when a settings toggle changes.
預期結果:
Gate: frequent interaction, so use a subtle state transition. Use a short UI-thread color and scale change, with reduced motion preserving the color cue.
正在使用「animate-expo」。 Make this card swipe away when deleted.
預期結果:
- Use a horizontal pan gesture with a declared axis.
- Project release velocity to decide whether deletion commits.
- Settle with a spring or complete with a short timing animation.
- Test slow drags, fast flicks, interruptions, and vertical scrolling on a device.
正在使用「animate-expo」。 The collapsing header stutters on Android.
預期結果:
Keep the header height fixed and animate translated content with opacity. Drive values on the UI thread and verify the release build on the slowest supported Android device.
安全審計
安全All 85 static findings are false positives caused by Markdown backticks and ordinary Android platform guidance. The files contain React Native examples and documented Expo installation commands, with no shell execution mechanism, system reconnaissance, prompt injection, or malicious intent.
風險因素
⚙️ 外部命令 (50)
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/emilkowalski-animate-expo/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/emilkowalski-animate-expo?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/emilkowalski-animate-expo?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emilkowalski-animate-expo/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/emilkowalski-animate-expo.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). animate-expo security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-animate-expo/audits/1BibTeX 引用
@techreport{emilkowalski-emilkowalski-animate-expo-2026,
author = {emilkowalski},
title = {animate-expo security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/emilkowalski-animate-expo/audits/1},
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: "animate-expo security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "emilkowalski"
date-released: "2026-08-19"
url: "https://skillstore.io/skills/emilkowalski-animate-expo/audits/1"
identifiers:
- type: other
value: "skillstore:emilkowalski-animate-expo:audit:1"
description: "Skillstore immutable audit report identifier"
Skillstore 評分
評分依據 證據置信度: 中你可以打造什麼
Add responsive press feedback
Create subtle press motion with accessible touch targets and suitable timing.
Design gesture-driven interactions
Build interruptible sheets or swipe actions with velocity-aware settling.
Fix animation performance
Review thread usage, animated properties, runtime setup, and device verification.
試試這些提示
Add subtle press feedback to my Expo button. Keep it accessible, explain the motion choice, and provide the implementation.
Configure an Expo Router transition for this modal flow. Respect reduced motion and preserve native navigation gestures.
Implement a draggable in-screen sheet using Reanimated and Gesture Handler. Include velocity projection, interruption handling, and coordinated haptics.
Review these Expo animation files for dropped-frame risks. Correct thread crossings, layout-heavy properties, gesture conflicts, and accessibility gaps.
最佳實務
- Name the animation purpose before choosing a tool or writing code.
- Keep continuous gesture and scroll updates on the UI thread.
- Test reduced motion and release performance on supported physical devices.
避免
- Do not update React state on every gesture or scroll frame.
- Do not animate layout-heavy properties when transforms and opacity can express the motion.
- Do not use haptics as the only feedback or trigger them every frame.
常見問題
Which Expo animation tools does this skill use?
Can it create gesture-driven animations?
Does it support reduced motion?
Can it fix stuttering animations?
Does it work for web animation?
Is simulator testing enough?
開發者詳細資訊
作者
emilkowalski授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
7fd79e91da5a0cc369dfba10b3e8ca2534c9aff8
維護新鮮度
2026/8/19
使用量
0 次下載 · 0 次瀏覽
檔案結構
📄 SKILL.md