Borrowing it
Nothing to install: this file belongs to lukaisailovic/openislands. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/lukaisailovic/openislands/main/.agents/skills/transitions-dev/SKILL.mdgit clone --depth 1 https://github.com/lukaisailovic/openislandsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/lukaisailovic/openislands/transitions-dev)<a href="https://agentmods.dev/skills/lukaisailovic/openislands/transitions-dev"><img src="https://agentmods.dev/badge/skills/lukaisailovic/openislands/transitions-dev/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/lukaisailovic/openislands/transitions-dev"><img src="https://agentmods.dev/badge/skills/lukaisailovic/openislands/transitions-dev.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00198 | $0.04439 |
| Opus 5.5 | $0.00079 | $0.01776 |
| Sonnet 5.5 | $0.00040 | $0.00888 |
| Haiku 4.5 | $0.00020 | $0.00444 |
Grade A, and why
transitions-dev scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
This is a copy
81% identical to transitions-dev — 233 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.
How it starts
The opening of the file, as written. The whole thing — 212 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Transitions.dev
Eighteen portable CSS transitions, each namespaced under t-* selectors with semantic CSS custom properties. Drop-in: paste the snippet, wire the documented HTML hooks, done. No framework dependencies, no demo-specific markup, and every snippet ships a prefers-reduced-motion guard.
Quick reference
| Transition | When to use | Reference |
|---|---|---|
| Card resize | Tween a container's width or height when its layout state changes. | 01-card-resize.md |
| Number pop-in | Re-enter each digit with a blurred slide when a number updates. | 02-number-pop-in.md |
| Notification badge | Slide a small badge onto a trigger and pop the dot. | 03-notification-badge.md |
| Text states swap | Swap text in place with a blurred up-and-down transition. | 04-text-states-swap.md |
| Menu dropdown | Open an origin-aware dropdown that grows from its trigger. | 05-menu-dropdown.md |
| Modal open / close | Scale-up modal dialog with a softer scale-down on close. | 06-modal.md |
| Panel reveal | Slide a panel into a region with a cross-blur. | 07-panel-reveal.md |
| Page side-by-side | Slide between two side-by-side pages (list ↔ detail, step 1 ↔ step 2). | 08-page-side-by-side.md |
| Icon swap | Cross-fade two icons in the same slot with blur and scale. | 09-icon-swap.md |
| Success check | Compose fade + rotate + Y-bob + path stroke-draw to celebrate a completed action. | 10-success-check.md |
| Avatar group hover | Distance-falloff lift on a row of items with a bouncy spring on return. | 11-avatar-group-hover.md |
| Error state shake | Per-segment cubic-bezier shake with auto-reverting border + message. | 12-error-state-shake.md |
| Input clear with dissolve | Fly-out + per-word streak when a text field is cleared. | 13-input-clear-dissolve.md |
| Skeleton loader and reveal | Pulse a placeholder, then cross-fade + cross-blur to the loaded content. | 14-skeleton-reveal.md |
| Shimmer text | Sweep a highlight band across muted text on a loop (pure CSS). | 15-shimmer-text.md |
| Tabs sliding | Slide the active pill between tabs in a segmented control. | 16-tabs-sliding.md |
| Tooltip open/close | Delayed fade+scale in, instant out (pure CSS). | 17-tooltip.md |
| Texts reveal | Staggered blurred rise for stacked text lines, quiet fade out. | 18-texts-reveal.md |
What ships with it
19 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- _root.css 4.2 KB
- 01-card-resize.md 1.6 KB
- 02-number-pop-in.md 3.7 KB
- 03-notification-badge.md 3.9 KB
- 04-text-states-swap.md 3.0 KB
- 05-menu-dropdown.md 3.4 KB
- 06-modal.md 2.7 KB
- 07-panel-reveal.md 2.7 KB
- 08-page-side-by-side.md 3.3 KB
- 09-icon-swap.md 2.4 KB
- 10-success-check.md 7.0 KB
- 11-avatar-group-hover.md 7.2 KB
- 12-error-state-shake.md 8.3 KB
- 13-input-clear-dissolve.md 10 KB
- 14-skeleton-reveal.md 4.6 KB
- 15-shimmer-text.md 3.1 KB
- 16-tabs-sliding.md 4.5 KB
- 17-tooltip.md 3.3 KB
- 18-texts-reveal.md 3.4 KB
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 1mo ago First seen · 212 lines · 198 tokens per session scan A 8254f14b5076
transitions-dev is a skill published in the GitHub repository lukaisailovic/openislands (21 stars, last pushed 3mo ago), licensed MIT. It adds 198 tokens to every session and 4,439 once invoked, about $0.0008 per session on Opus 5.5. A static security scan graded it A with 0 findings. It is 81% identical to transitions-dev, differing in 233 lines, and is treated as a copy.
Other skills, from other repositories
bklit-ui-design
Turns plain-language chart design requests into exact Bklit UI (@bklit shadcn registry) components and props, styled to fit the host app. Use when someone describes how a chart should look rather than naming props, e.g. "diagonal pattern background that fades out", "squircle bars", "3D glass bars", "hatched area"…
reimagine-it-extract
Emit the content signals reimagine-it reads from an HTML file — title, anchors, proper nouns, dates, numbers, emails, links, source hex colors, and the derived palette — as JSON without generating a redesign. Use when the user says /reimagine-it extract, "what does the engine see in this page", "extract the palette"…
origin-plotting
A guide to using Origin, a scientific graphing and analysis application, through connected tools. It covers writing data, making charts, formatting them, and viewing the results.
install-dsh-origin
An installation guide for dsh-origin-plugin, which connects an AI assistant to OriginLab so it can create charts and export files. OriginLab is Windows software for plotting and analysing scientific data.
origin-scripting
A guide for generating Python or LabTalk scripts that users can paste into OriginLab and run themselves. It is an alternative to connecting an AI assistant through MCP.
agent-figure-gallery
Query visual scientific figure references, show candidates for human preference selection, export selected reference bundles, and guide plotting agents from human-selected visual examples to code action.