Home / Skills / transitions-ui-generation
transitions-ui-generation
Make any UI, headline or image appear as if an AI agent is generating it. Five variants: ui (the default: a dotted wireframe drawn from the element's own structure, outline, boxes, text lines, icon paths, with guides, corner handles and siz
- License
- Transitions.dev License (custom)
- SKILL.md tokens
- 5,787
- Bundled files
- 18
- Bundled tokens (estimated)
- 174,867
Cost per 1,000 loads
Estimated input cost per 1,000 loads of SKILL.md only (characters ÷ 4). Bundled files, output tokens and execution are excluded.
| Model | Input / 1M tokens | 1,000 loads |
|---|---|---|
| Claude Opus 5 | $5.00 | $28.93 |
| Claude Sonnet 5 | $2.00 | $11.57 |
| Claude Haiku 4.5 | $1.00 | $5.79 |
Safety flags
Detected automatically from files; not a security audit.
- Runs scripts
- Yes
- Network access
- Yes
- Shell commands
- Yes
Works with
Open SKILL.md format
- Claude Code
- Codex
- Cursor
- GitHub Copilot
- Gemini CLI
- OpenCode
- Goose
Install
npx skills add Jakubantalik/transitions.dev --skill transitions-ui-generationLast verified:
transitions-ui-generation FAQ
What does the transitions-ui-generation skill do?
Make any UI, headline or image appear as if an AI agent is generating it. Five variants: ui (the default: a dotted wireframe drawn from the element's own structure, outline, boxes, text lines, icon paths, with guides, corner handles and siz Source: https://github.com/Jakubantalik/transitions.dev/blob/main/skills/transitions-ui-generation/SKILL.md
What does the transitions-ui-generation skill cost to load?
SKILL.md is about 5,787 tokens. Estimated input cost per 1,000 loads: Claude Opus 5 $28.93; Claude Sonnet 5 $11.57; Claude Haiku 4.5 $5.79. Estimated input cost per 1,000 loads of SKILL.md only (characters ÷ 4). Bundled files, output tokens and execution are excluded. Prices: https://docs.anthropic.com/en/docs/about-claude/pricing
How do I install the transitions-ui-generation skill?
Skills CLI: npx skills add Jakubantalik/transitions.dev --skill transitions-ui-generation. Download the transitions-ui-generation skill folder as a ZIP and upload it in Claude.ai skills settings.
Is the transitions-ui-generation skill safe?
Automatically detected flags: runs scripts, network access, shell commands. Flags are detected automatically from the skill's files and are not a security audit; review the SKILL.md before installing.