← 返回 Skills 市场
Ui Component
作者
bytesagain3
· GitHub ↗
· v2.0.0
· MIT-0
1015
总下载
2
收藏
2
当前安装
10
版本数
在 OpenClaw 中安装
/install ui-component
功能描述
UI组件HTML/CSS代码生成。表单、表格、卡片、模态框、导航栏，输出完整可运行HTML文件。UI component generator: form, table, card, modal.
安全使用建议
This skill looks coherent for generating UI HTML/CSS and does not ask for secrets or install remote code. Before installing: 1) Inspect the full scripts (scripts/ui.sh was truncated in the provided listing) to confirm there are no unexpected network calls or shell execs in unseen sections. 2) Be aware it will create and append logs in $UI_COMPONENT_DIR or ~/.local/share/ui-component by default; if you prefer, set UI_COMPONENT_DIR to a sandboxed path or remove write permission. 3) The generated output includes external placeholder image URLs and links (e.g., via.placeholder.com, webaim.org) — if you need fully offline output, remove or replace those. If you can't review the full script contents yourself, run the skill in a restricted/sandboxed environment first.
功能分析
Type: OpenClaw Skill
Name: ui-component
Version: 2.0.0
The skill bundle is a legitimate UI component generator that provides HTML/CSS templates for common web elements like forms, tables, and cards. The shell scripts (scripts/script.sh and scripts/ui.sh) are simple, template-driven utilities that output static design references and code snippets without performing any network operations, sensitive data access, or command execution of untrusted input.
能力评估
Purpose & Capability
Name/description (UI component HTML/CSS generator) aligns with the provided scripts and SKILL.md. The bundled scripts output standalone HTML/CSS snippets (buttons, cards, navbars, modals, forms, etc.), which matches the stated purpose.
Instruction Scope
Runtime instructions are limited to generating UI snippets and showing help. The included scripts do create and write to a local data directory ($DATA_DIR → default ~/.local/share/ui-component) for history.log and data.log (usage logging). There are a few benign external references in output (placeholder images via placeholder.com, a contrast-checker link to webaim.org). No commands are present that read unrelated system files, exfiltrate data, or call remote APIs, as far as the visible portions show. Note: part of scripts/ui.sh was truncated in the provided content, so the remainder could not be inspected here.
Install Mechanism
No install spec or external downloads. The skill is instruction-only plus bundled shell scripts — nothing is fetched from remote hosts during install. This is a low-risk install footprint.
Credentials
The skill declares no required environment variables or credentials. The scripts optionally respect UI_COMPONENT_DIR and standard HOME/XDG_DATA_HOME for placing logs; no SECRET/TOKEN/PASSWORD variables are requested.
Persistence & Privilege
always:false (not force-included). The script creates a per-user data directory and appends to history.log/data.log under that directory; this is modest local persistence and not a system-wide privilege escalation or modification of other skills/configuration.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install ui-component - 安装完成后，直接呼叫该 Skill 的名称或使用
/ui-component触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v2.0.0
v2.5 standard: Use-when desc, homepage, source, security fix
v1.0.6
retry-fix-token
v1.0.5
yaml-fix+quality
v1.0.4
Quality upgrade
v1.0.3
Quality upgrade: custom functionality
v1.0.2
Standards compliance: unique content, no template text
v1.0.1
Quality update: docs, examples, standards compliance
v2.3.0
Quality fixes: removed third-party references, aligned docs with implementation
v2.2.0
Enhanced descriptions
v1.0.0
- Initial release of the ui-component skill.
- Generates standalone HTML/CSS for UI components: forms, tables, cards, modals, and navbars.
- Supports both Chinese and English workflows, with commands for each component.
- Provides best practices for consistency, accessibility, responsiveness, and simplicity in UI design.
元数据
常见问题
Ui Component 是什么？
UI组件HTML/CSS代码生成。表单、表格、卡片、模态框、导航栏，输出完整可运行HTML文件。UI component generator: form, table, card, modal. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 1015 次。
如何安装 Ui Component？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install ui-component」即可一键安装，无需额外配置。
Ui Component 是免费的吗？
是的，Ui Component 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。
Ui Component 支持哪些平台？
Ui Component 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 Ui Component？
由 bytesagain3（@bytesagain3）开发并维护，当前版本 v2.0.0。
推荐 Skills