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.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「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 ダウンロード · 1 閲覧
ファイル構成
📄 SKILL.md