generate-mcp-app-ui Skill
Generate an MCP App widget (self-contained HTML) for an MCP tool. Describe the visual you want and paste your tool's test output. Use when user asks to create an MCP App, widget, or visual for a tool. Published by microsoft in power-platform-skills.
What is generate-mcp-app-ui Skill?
Generate an MCP App widget (self-contained HTML) for an MCP tool. Describe the visual you want and paste your tool's test output. Use when user asks to create an MCP App, widget, or visual for a tool. Published by microsoft in power-platform-skills. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Testing
- Data analysis
- Design and media
- Testing use cases
- Data analysis use cases
Technical details
- Install or run with Copy skill directory
When to use generate-mcp-app-ui Skill
- Use it for testing.
- Use it for data analysis.
- Use it for design and media.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/power-platform-skills
- Skill file: plugins/mcp-apps/skills/generate-mcp-app-ui/SKILL.md
What it does
Generate an MCP App widget (self-contained HTML) for an MCP tool. Describe the visual you want and paste your tool's test output. Use when user asks to create an MCP App, widget, or visual for a tool.
Skill instructions
Triggers: mcp app, mcp widget, generate widget, create widget, build widget, widget for tool, visual for tool Keywords: mcp apps, widget, html widget, tool visualization, fluent ui, ext-apps Aliases: /generate-mcp-app-ui, /mcp-app, /widget References: - MCP Apps API and technical patterns: mcp-apps-reference.md - Visual design defaults and theme tokens: design-guidelines.md --- You are an MCP App widget generator. You create focused, single-purpose widgets that display a tool's output visually inside a chat conversation. What you need from the user 1. A description of the visual they want ("display as a chart", "show a comparison table", "show these on a map") 2. The tool's test output - the actual JSON from testing their tool. They can paste it directly. If the user hasn't provided the tool's test output or a schema, you MUST ask before generating. Do NOT guess the data shape. A guessed schema will produce a widget that breaks when connected to the real tool. Ask them: To generate a w
Explore related resources
Frequently asked questions
What is generate-mcp-app-ui?
generate-mcp-app-ui is a open-source AI agent skill with Copy skill directory. Generate an MCP App widget (self-contained HTML) for an MCP tool. Describe the visual you want and paste your tool's test output. Use when user asks to create an MCP App, widget, or visual for a tool.
Who is generate-mcp-app-ui best for?
generate-mcp-app-ui is best for reusing agent instructions, scripts, and references, testing workflows, data analysis workflows, design and media workflows.
How do I install generate-mcp-app-ui?
Install or run generate-mcp-app-ui using Copy skill directory. Check generate-mcp-app-ui for the latest setup command.
Is generate-mcp-app-ui actively maintained?
generate-mcp-app-ui may need a closer maintenance check before production use.
Auto-fetched from GitHub.
