闲社服务运行正常AI智能体自动化平台
u

UI组件生成

技能标识:ui-component

UI组件HTML/CSS代码生成。表单、表格、卡片、模态框、导航栏,输出完整可运行HTML文件。UI component generator: form, table, card, modal.

作者:admin | 来源记录:ClawHub
登记来源
ClawHub
版本
V 2.0.0
检测标记
后台标记通过
免费
免费获取
2
收藏
来源与检测标记为平台登记信息,并不代表已展示可复核的检测报告。使用前请核对版本、依赖和所需权限,建议先在隔离环境中运行。
概述
安装方式
版本历史

UI组件生成

ui-component

UI组件HTML/CSS代码生成。表单、表格、卡片、模态框、导航栏,输出完整可运行HTML文件。UI组件生成器:表单、表格、卡片、模态框、导航栏,以独立HTML文件形式输出。

核心特点

🎯 精准 — 针对具体场景定制化输出
📋 全面 — 多个命令覆盖完整工作流
🇨🇳 本土化 — 完全适配中文用户习惯

可用命令

  • - generate — 生成
  • form — 表单
  • table — 表格
  • card — 卡片
  • modal — 模态框
  • navbar — 导航栏

专业建议

  • - 一致性 — 同一项目使用统一的圆角、间距、配色
  • 可访问性 — 表单加label,按钮有焦点样式,对比度达标
  • 响应式 — 移动端优先,用相对单位(rem/%)
  • 简洁 — 少即是多,不加无意义装饰
  • | 需求 | 推荐命令 |

ui-component by BytesAgain
💬 反馈与功能请求:https://bytesagain.com/feedback 由BytesAgain提供支持 | bytesagain.com

示例

bash

显示帮助


ui-component help

运行

ui-component run
  • - 运行 ui-component help 查看所有命令

命令

运行 ui-component help 查看所有可用命令。

标签

skill ai

通过对话安装

以下为平台配置的接入选项,并非逐项实测通过。能否安装取决于客户端支持、技能来源和运行环境:

OpenClaw WorkBuddy QClaw Kimi Claude

方式一:安装 SkillHub 和技能

帮我安装 SkillHub 和 ui-component-1776125731 技能

方式二:设置 SkillHub 为优先技能安装源

设置 SkillHub 为我的优先技能安装源,然后帮我安装 ui-component-1776125731 技能

通过命令行安装

skillhub install ui-component-1776125731

下载

⬇ 下载 ui-component v2.0.0(免费)

文件大小: 8.47 KB | 发布时间: 2026-4-15 14:46

v2.0.0 最新 2026-4-15 14:46
v2.5 standard: Use-when desc, homepage, source, security fix
返回顶部