# Generated UI

Show an interactive calculator, simulator or comparison directly in the conversation...

- Repository: https://github.com/QwenLM/qwen-code (28858 stars)
- Category: Writing
- License: Apache-2.0
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add QwenLM/qwen-code --skill generated-ui -g -a claude-code -y`
Codex: `npx skills add QwenLM/qwen-code --skill generated-ui -g -a codex -y`
Cursor: `npx skills add QwenLM/qwen-code --skill generated-ui -g -a cursor -y`
Gemini CLI: `npx skills add QwenLM/qwen-code --skill generated-ui -g -a gemini-cli -y`

## Description

Show an interactive calculator, simulator or comparison directly in the conversation when the user wants to adjust inputs and see results, such as splitting a bill, comparing plans or exploring parameters. Prefer it to writing an HTML file unless the user asks for a file, page or project code.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Generated UI

Use this extension when an interactive calculation or comparison would help the user explore a question in the conversation:

- The user wants to change values and see the effect: "let me adjust", "I want to try different numbers", a calculator, a simulator, a what-if.
- Comparing options under adjustable assumptions, such as plans, prices, weights or capacities.

Do not use it in these cases:

- A single fact or a simple result: answer with text.
- The user asks for a file, a web page, a component or code in their project: write the files they asked for.
- The answer needs live data, network access or more than a small local calculation.

When the user wants to interact and has not asked for a file, show the view here instead of writing a standalone HTML file to the workspace. This tool creates a new complete card; it cannot update an older card, open files, fetch data, send messages or perform actions on the user's behalf.

The rest: https://github.com/QwenLM/qwen-code/blob/HEAD/integrations/generated-ui/skills/generated-ui/SKILL.md