What surfaces does e2e-prompt-gen support?

It supports a wide range of surfaces including Telegram (Mini Apps and Inline Keyboards), OpenAI Canvas, MCP Apps (SEP-1865), Discord, CLI (inquirer.js), HTTP JSON, and gRPC.

How does it handle platform-specific constraints?

The skill includes a Platform Capabilities Detection engine that monitors constraints like button limits (e.g., 100 max for Telegram), callback data byte limits, and color support.

Can I customize the UI templates?

Yes, the skill uses a Handlebars-based template system located in the ./templates/ directory, allowing you to customize the HTML, CSS, and logic for each platform.

How do I use it with my existing JSON widgets?

You can pipe your UniversalWidget JSON directly into the CLI tool using 'cat widget.json | e2e-prompt-gen --surface [name]' to generate the specific platform output.

Multi-Platform UI Prompt Generator

Name: Multi-Platform UI Prompt Generator
Author: lev-os

bylev-os

0•

Design Tools

Generates platform-specific prompts and interactive UI components from universal widget definitions across Telegram, OpenAI Canvas, MCP, and CLI.

The Multi-Platform UI Prompt Generator (e2e-prompt-gen) is a specialized skill designed to bridge the gap between abstract UI definitions and platform-specific implementations. By utilizing universal widget schemas, it automatically adapts components like cards, badges, and buttons to meet the unique constraints and rendering requirements of diverse action surfaces. This allows developers to build agentic interfaces once and deploy them across Telegram Mini Apps, OpenAI Canvas iframes, Discord embeds, and command-line interfaces without manual rewriting of UI logic.

Key Features

01Handlebars-based template system for custom CSS and HTML layouts

02Pre-configured MCP tool registration for dynamic UI rendering

03Abstract widget-to-platform mapping for consistent UI behavior

04Automated platform capability detection for input and color constraints

05Support for Telegram, OpenAI Canvas, MCP Apps, Discord, and CLI

060 GitHub stars

Use Cases

01Building cross-platform AI agents that interact via Telegram and CLI simultaneously

02Rendering rich visual feedback in OpenAI Canvas from raw agent data

03Standardizing interactive internal tools across REST APIs and terminal environments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lev-os/agents e2e-prompt-gen

For use in Claude.ai and ChatGPT

Download Skill