Generated UI
Show an interactive calculator, simulator or comparison directly in the conversation...
Install
npx skills add QwenLM/qwen-code --skill generated-ui -g -a claude-code -y- Repository
- QwenLM/qwen-code28.9k
- Category
- Writing
- Updated
- 3d ago
- License
- Apache-2.0
- Context cost
- Mediumabout 3,000 tokens
- Runs scripts
- No, instructions only
What it does
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.
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.
