← 返回 Skills 市场
wing8169

UI/UX Design and Development

作者 wing8169 · GitHub ↗ · v1.0.0
cross-platform ⚠ suspicious
1900
总下载
1
收藏
9
当前安装
1
版本数
在 OpenClaw 中安装
/install ui-ux-dev
功能描述
Generate and serve live HTML/CSS/JS UI designs from natural language prompts. Use when the user asks to design, create, build, or prototype a website, landing page, UI, dashboard, web page, or frontend mockup. Also triggers on requests to update, tweak, or iterate on a previously generated design. Replaces traditional UI design + frontend dev workflow.
安全使用建议
This skill otherwise appears coherent for generating and previewing front-end prototypes, but the included scripts require root and several system binaries that are not declared. Before installing or running it: - Inspect the scripts yourself. setup.sh will run sudo, create /var/www/ui-designer, write an nginx site file to /etc/nginx/sites-available, link it to sites-enabled, and reload nginx — this can overwrite or interfere with existing web sites and requires root. If you do not want system-wide changes, do not run setup.sh as-is. - Ensure required binaries are present or run in an isolated environment: headless chromium (for screenshot.sh), cwebp (for convert-image.sh), numfmt/stat variants, nginx. If you lack these, the scripts will fail. - Prefer running the workflow inside a disposable VM or container (or change the serve_dir to a directory you control and avoid using sudo) so the skill can't modify system nginx or other host services. - Be cautious about TOOLS.md: SKILL.md tells the agent to save config there — confirm what file that is in your environment to avoid overwriting tool or agent config files. - If you plan to allow the skill to run autonomously, require stricter limits: remove sudo from setup.sh, expose a non-privileged serve directory (e.g., in your home), or provide a documented install step that the admin performs manually. - Ask the publisher for a list of explicit prerequisites (packages and permissions), and for a version of setup.sh that runs without sudo or that only outputs the suggested nginx config for manual review and install. What would change this assessment: an updated manifest declaring required binaries and permissions, a non-privileged setup mode (no sudo or system nginx modification), or explicit instructions to run setup only manually with admin review. Without those, the skill is suspicious because it performs undeclared privileged actions.
功能分析
Type: OpenClaw Skill Name: ui-ux-dev Version: 1.0.0 The skill bundle is suspicious due to multiple shell injection vulnerabilities. The `SKILL.md` instructs the AI agent to execute shell scripts (`scripts/setup.sh`, `scripts/screenshot.sh`, `scripts/convert-image.sh`, and `zip`) with parameters derived from user input. Critically, `scripts/setup.sh` contains an unquoted expansion of `$PORT` and `$SERVE_DIR` within an Nginx configuration heredoc, allowing arbitrary command injection when `sudo nginx -t` and `sudo systemctl reload nginx` are executed. Other scripts also present shell injection risks if the AI agent does not properly sanitize user-controlled inputs before passing them as arguments. Additionally, `scripts/screenshot.sh` uses `chromium` with the `--no-sandbox` flag, which reduces security. While these are severe vulnerabilities that could lead to Remote Code Execution, there is no clear evidence of intentional malicious behavior such as data exfiltration or persistence.
能力评估
Purpose & Capability
The skill claims to generate and serve HTML/CSS/JS prototypes — that legitimately can require a static web server (or headless browser for screenshots). However, the packaged scripts perform system-level operations (sudo, write /etc/nginx sites-available, enable site, reload nginx) and assume binaries (nginx, chromium, cwebp, numfmt) exist. The registry metadata declares no required binaries or credentials, so the amount and nature of system access is not reflected in the manifest.
Instruction Scope
SKILL.md instructs the agent to create project directories, read/write project.json, write configuration to TOOLS.md, run setup.sh (which edits system nginx config) and run screenshot/convert scripts. Writing to TOOLS.md could overwrite agent tooling/config files depending on environment. The instructions also demand frequent status messages and using the 'message tool' to send files. These file and system writes go beyond just producing local prototype files and grant the skill broad discretion over system state.
Install Mechanism
There is no formal install spec, but the included scripts will be executed. setup.sh uses sudo and modifies /etc/nginx, which requires root and can affect other services. screenshot.sh calls headless Chromium; convert-image.sh calls cwebp and numfmt. These are not declared as requirements and are high-friction operations (writing system configs, reloading services) — a non-trivial install/operation risk.
Credentials
The skill declares no required environment variables or credentials, but the runtime behavior implicitly requires elevated privileges (sudo) and existing system services/binaries. That mismatch is concerning: the skill may prompt for or rely on root access without declaring that need. No network credentials are requested and there are no obvious exfiltration endpoints in the scripts, but the lack of explicit dependency/declaration reduces transparency.
Persistence & Privilege
always is false (normal), but setup.sh persists changes system-wide (nginx site config, files under /var/www/ui-designer). That grants the skill lasting presence on the host and can impact other hosted sites. The skill does not modify other skills' configs explicitly, but writing to a global TOOLS.md (as instructed) and system config files is persistent and high-privilege behavior that should be explicitly authorized.
如何使用
  1. 确保已安装 OpenClaw(本地或 Docker 部署)
  2. 在对话框中输入安装命令:/install ui-ux-dev
  3. 安装完成后,直接呼叫该 Skill 的名称或使用 /ui-ux-dev 触发
  4. 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
版本历史
v1.0.0
Initial release of UI/UX design and development skill. - Generate live, production-quality React pages from natural language prompts, served instantly. - Full workflow support: project creation, preferences, page slugs, visual reviews (with screenshots), iteration, and media handling. - Enforces strict design system and accessibility principles (spacing, color, contrast, responsiveness, semantics). - Handles user-supplied images: auto-converts to .webp, optimizes quality, reports file savings. - Continuous user feedback at every action: live build log style. - One-command export: package all project files as a zip for easy download.
元数据
Slug ui-ux-dev
版本 1.0.0
许可证
累计安装 9
当前安装数 9
历史版本数 1
常见问题

UI/UX Design and Development 是什么?

Generate and serve live HTML/CSS/JS UI designs from natural language prompts. Use when the user asks to design, create, build, or prototype a website, landing page, UI, dashboard, web page, or frontend mockup. Also triggers on requests to update, tweak, or iterate on a previously generated design. Replaces traditional UI design + frontend dev workflow. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 1900 次。

如何安装 UI/UX Design and Development?

在 OpenClaw 或 Claude Code 对话框中运行命令「/install ui-ux-dev」即可一键安装,无需额外配置。

UI/UX Design and Development 是免费的吗?

是的,UI/UX Design and Development 完全免费(开源免费),可自由下载、安装和使用。

UI/UX Design and Development 支持哪些平台?

UI/UX Design and Development 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。

谁开发了 UI/UX Design and Development?

由 wing8169(@wing8169)开发并维护,当前版本 v1.0.0。

💬 留言讨论