360 Secure SkillHub
360 安全技能中心

OpenUI Workspace Delivery

该 Skill 说明如何安装 OpenUI MCP Studio、将本地 stdio MCP 服务器接入宿主,并按扫描工作区、规划变更、生成 UI、质量门禁、生成审查包的标准流程完成一次可核查的 UI 交付;同时声明不涉及托管运行时或市场上架。

xiaojiou176
xiaojiou176
热度 33.89
最近更新 2026-05-11 17:41:28
分类:开发依赖:MCP 服务 / 代码执行 / 读写文件应用场景:代码生成 / UI 原型 / API 集成 / 工作流

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add openui-workspace-delivery
Metadata
name
openui-workspace-delivery
description
Teach an agent how to install OpenUI MCP Studio, connect it to a host, and use the core UI generation and review workflow without overclaiming a live marketplace listing.
version
1.0.0
triggers
["openui","openui-mcp-studio","openui workspace delivery","shadcn generation","UI shipping"]

OpenUI Workspace Delivery

Teach the agent how to install, connect, and use OpenUI MCP Studio as a local MCP-first UI generation and review workspace.

Use this skill when

  • the user wants to generate or review shadcn-style UI from a local MCP server
  • the host can run a local stdio MCP server
  • the user wants one inspectable proof loop before any public claim

What this packet teaches

  • how to wire the local OpenUI MCP server into OpenHands or OpenClaw
  • which OpenUI MCP tools are safe and useful first
  • how to move from installation to a first proof loop
  • how to keep claims grounded in local MCP and repo-owned proof instead of marketplace hype

Start here

  1. Read references/INSTALL.md
  2. Load the right host config from:
  3. Skim the tool surface in references/CAPABILITIES.md
  4. Run the proof loop in references/DEMO.md
  5. If attach or proof fails, use references/TROUBLESHOOTING.md

Recommended workflow

  1. openui_scan_workspace_profile
  2. openui_plan_change
  3. openui_generate_ui
  4. openui_quality_gate
  5. openui_build_review_bundle

Suggested first prompt

Use OpenUI MCP Studio to inspect this workspace and prepare one safe-first UI delivery step. Start with openui_scan_workspace_profile and openui_plan_change. If the workspace looks healthy, run openui_generate_ui for one small component or page change, then run openui_quality_gate and summarize what a reviewer should inspect next.

Success checks

  • the host can launch the OpenUI MCP server from the provided config
  • the workspace scan returns a real profile instead of placeholder text
  • the plan/generate flow yields a concrete UI output or change plan
  • the proof loop stays inside local MCP and repo-owned evidence

Boundaries

  • OpenUI MCP Studio stays a local MCP and repo-owned proof workflow
  • this packet does not claim a live ClawHub listing or a vendor marketplace listing
  • this packet does not claim a hosted runtime or hosted API publication