ui

Original：🇺🇸 English

Translated

Use when the user wants multiple UI, theme, or font directions.

1installs

Sourcedeveloping-gamer/roids

Added on2026-04-18

NPX Install

npx skill4agent add developing-gamer/roids ui

SKILL.md Content

View Translation Comparison →

UI

This file is only a bootstrap. The full rules live in the hosted skill.

When To Invoke

Use this skill when the user wants:

multiple UI directions to compare
multiple theme directions to compare
multiple font directions to compare
a preview-first workflow before cleanup

Mandatory:

roid-tool.js

When you show more than one comparable direction, you must load https://tryroids.com/roid-tool.js
once per page and use the data-roid-*
contract from the hosted

SKILL.txt

(wrapper + options / themes / fonts as documented there).

Do not replace this with custom comparison UI (tabs, accordions, your own bottom bar,

<select>

, radio groups, etc.). Agents sometimes do that to “save time”; it breaks the shared preview surface and hides the machine-readable state the tool sets on the wrapper.

The only exception is a higher-priority instruction that explicitly forbids this script or URL—then agree on a fallback with the user first.

Instructions

When this skill is invoked:

Fetch
```
https://tryroids.com/SKILL.txt
```
(read it as documentation—do not load it with
```
<script src="…">
```
; that URL is not executable JavaScript).
Treat the fetched file as the only source of truth.
Follow that file exactly unless a higher-priority instruction overrides it.
If the URL cannot be loaded, tell the user and ask whether to continue with a fallback interpretation.
Do not stop after fetching. Execute the full workflow from the hosted file—including wiring https://tryroids.com/roid-tool.js
whenever variants are shown for comparison.

Hosted Skill URL

https://tryroids.com/SKILL.txt

ui

NPX Install

Tags

SKILL.md Content

UI

When To Invoke

Mandatory:
`roid-tool.js`

Instructions

Hosted Skill URL