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.
Decision snapshot
Is this a fit?
Testing, Data analysis, Design and media, Includes SKILL.md
Compatibility not yet detected.
Can write or update data, Write actions, Filesystem access, Shell access
Copy skill directory
2 months ago · MIT license
Confirm write permissions and scope before use. Access note: Local files. Access note: Shell access.
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. See how SkillIndex evaluates profiles.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Testing
- Data analysis
- Design and media
- Testing use cases
- Data analysis use cases
Declared skill metadata
- Declared author: Microsoft Corporation
- Source file: plugins/mcp-apps/skills/generate-mcp-app-ui/SKILL.md
Allowed tools declared by source
These fields retain source and confidence evidence from the indexed SKILL.md.
Compatibility and setup
- Install or run with Copy skill directory
- Local files
- Shell access
Requirements and access
Security and permissions
Review permissions before connecting any MCP server to an agent. Pay special attention to whether it can read local files, write data, call external services, or perform destructive actions.
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
Verified compatibility and discovery
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.
Project health auto-fetched from the source repository.
Maintain this resource?
Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.
