# Roids

> Use when presenting more than one comparable UI direction, or proactively whenever you ship multiple layout options for the user to choose—do not wait for the user to mention Roids or type /roids. Use for comparison, preview-first, or pick-a-winner flows before cleanup. Default to a small set of variants (~2–5) unless the user specifies how many.

- Skill: `developing-gamer/roids` (Agent Skill)
- Install (CLI): `npx skillmds@latest add developing-gamer/roids`
- Raw SKILL.md: https://api.skillmd.com/api/skills/developing-gamer/roids/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: Developing-Gamer (https://skillmd.com/u/developing-gamer)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/developing-gamer/roids

---


# Roids

Compare variants in the browser with the hosted runtime and markup contract.

## How it works

1. Fetch the source URL below (documentation only—never load it as `<script src>`).
2. Follow `SKILL.txt` exactly—wire `https://tryroids.com/roid-tool.js` and `data-roid-*` when showing multiple variants.
3. Do not use custom tabs, selects, or one-off pickers for those variants.

## Source

`https://tryroids.com/SKILL.txt`