スキル transitions-dev

📦

transitions-dev

Name: transitions-dev
Author: jakubantalik

コンテンツリビジョン r1 安全 ⚙️ 外部コマンド⚡ スクリプトを含む🌐 ネットワークアクセス

Add Polished CSS Transitions to Web Apps

Interface motion often becomes inconsistent, inaccessible, or difficult to maintain. This skill provides 32 reusable transition patterns with shared tokens and reduced-motion support.

対応: Claude Codex Code(CC)

🥉 78 ブロンズ

Maintain this Skill? Claim it 🥉 78 ブロンズ

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

Review the Skillstore skill "transitions-dev" from https://skillstore.io/skills/jakubantalik-transitions-dev.md and its manifest at https://skillstore.io/api/skills/jakubantalik-transitions-dev/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/jakubantalik-transitions-dev.md 署名済み manifest GET /api/skills/jakubantalik-transitions-dev/manifest 署名済み lockfile GET /api/skills/jakubantalik-transitions-dev/lockfile

テストする

「transitions-dev」を使用しています。 Suggest a transition for a menu anchored to its trigger.

期待される結果:

Menu dropdown is the best match because the surface opens from an anchor. The response identifies open, close, origin, and accessibility state hooks.

「transitions-dev」を使用しています。 Review the project for inconsistent animation timing.

期待される結果:

Recommendations are grouped by source file.
Each item explains the interface purpose and matching motion token.
Values without a documented usage match remain unchanged.

「transitions-dev」を使用しています。 Add a reduced-motion version of a modal transition.

期待される結果:

The result preserves the modal state model and includes a reduced-motion guard that disables transition effects.

セキュリティ監査

安全

v1 • 2026/8/27 バージョン別レポートを開く

One of 115 static findings is confirmed: the banner stacking example inserts unsanitized HTML and can create XSS when content is untrusted. The other findings are false positives caused by Markdown code spans, JavaScript template literals, DOM animation reflows, documentation links, and benign interface terminology. No prompt injection, data exfiltration intent, or system command execution was found.

スキャンされたファイル

4,508

解析済み行数

レビュー項目

誤検知を無視

機能レビュー項目 (1)

これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。

中

32-banner-stacking.md:155

innerHTML assignment (XSS risk)

el.innerHTML = contentHTML;

addBanner accepts contentHTML and assigns it directly to innerHTML without sanitization. If callers pass untrusted content, the installed example can execute injected markup or scripts.

リスク要因

⚙️ 外部コマンド (50)

⚡ スクリプトを含む (1)

32-banner-stacking.md:155

🌐 ネットワークアクセス (3)

SKILL.md:77 SKILL.md:124 SKILL.md:184

監査者: codex

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/jakubantalik-transitions-dev/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/jakubantalik-transitions-dev/security.svg)](https://skillstore.io/skills/jakubantalik-transitions-dev?utm_source=security_passport_badge)

HTMLバッジ

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

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/jakubantalik-transitions-dev.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形式の引用

jakubantalik. (2026). transitions-dev security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/jakubantalik-transitions-dev/audits/1

BibTeX形式の引用

@techreport{jakubantalik-jakubantalik-transitions-dev-2026,
  author = {jakubantalik},
  title = {transitions-dev security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/jakubantalik-transitions-dev/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: "transitions-dev security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "jakubantalik"
date-released: "2026-08-27"
url: "https://skillstore.io/skills/jakubantalik-transitions-dev/audits/1"
identifiers:
  - type: other
    value: "skillstore:jakubantalik-transitions-dev:audit:1"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由証拠の信頼度: 中

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

Animate Product Interfaces

Add consistent dropdown, modal, tab, tooltip, toast, and form feedback transitions to an application.

Standardize Motion Tokens

Replace scattered durations and easing values with a documented motion scale based on interface purpose.

Review Existing Animations

Identify interface elements that match the transition catalog and receive file-specific improvement suggestions.

これらのプロンプトを試す

List Available Transitions

Use transitions reveal to list every available pattern with its purpose and reference file.

Choose a Transition

Choose the best transition for this dropdown. Explain the match and identify the required state hooks.

Review Project Motion

Run transitions review on this project. Group recommendations by file and do not edit anything.

Refine Motion Tokens

Run transitions refine across the project. Map values by interface usage, flag unmatched values, and wait for confirmation before edits.

ベストプラクティス

Match the visible interface element and user action before selecting a transition.
Preserve every prefers-reduced-motion guard and existing accessibility state.
Keep CSS timing values connected to shared motion tokens.