← Back to Skills Marketplace
Ui Component
by
bytesagain3
· GitHub ↗
· v2.0.0
· MIT-0
1015
Downloads
2
Stars
2
Active Installs
10
Versions
Install in OpenClaw
/install ui-component
Description
UI组件HTML/CSS代码生成。表单、表格、卡片、模态框、导航栏，输出完整可运行HTML文件。UI component generator: form, table, card, modal.
Usage Guidance
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.
Capability Analysis
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.
Capability Assessment
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.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install ui-component - After installation, invoke the skill by name or use
/ui-component - Provide required inputs per the skill's parameter spec and get structured output
Version History
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.
Metadata
Frequently Asked Questions
What is Ui Component?
UI组件HTML/CSS代码生成。表单、表格、卡片、模态框、导航栏，输出完整可运行HTML文件。UI component generator: form, table, card, modal. It is an AI Agent Skill for Claude Code / OpenClaw, with 1015 downloads so far.
How do I install Ui Component?
Run "/install ui-component" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Ui Component free?
Yes, Ui Component is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Ui Component support?
Ui Component is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Ui Component?
It is built and maintained by bytesagain3 (@bytesagain3); the current version is v2.0.0.
More Skills